/* Source: styles.css — original cascade order */

:root{--bg:var(--tone-0b0d10);--surface:var(--tone-1b1c20);--inset:var(--tone-111317);--gold:var(--tone-d7b079);--light:var(--tone-f1d7a8);--text:var(--tone-f1f0ec);--muted:var(--tone-b0afb1);--dim:var(--tone-8b8b8e);--line:var(--tone-393731);--font:"Segoe UI Variable","Aptos","Segoe UI",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:radial-gradient(ellipse 70% 650px at 90% 0,var(--tone-c0995020),transparent 75%),var(--bg);font-family:var(--font);color:var(--text);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit;cursor:pointer;background:none;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.16}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--light);outline-offset:5px}::selection{background:var(--gold);color:var(--tone-101114)}.container{max-width:1240px;width:calc(100% - 64px);margin:auto}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;left:20px;top:-100px;padding:12px 20px;background:var(--gold);color:var(--tone-171716);z-index:100}.skip-link:focus{top:15px}.surface{background:linear-gradient(150deg,var(--tone-27282c) 0%,var(--tone-1b1c20) 36%,var(--tone-17191d) 77%,var(--tone-222322) 100%);border:1px solid var(--tone-5f584a80);border-radius:22px;box-shadow:inset 0 1px 0 var(--tone-ffffff17),inset 0 -1px 0 var(--tone-ffffff05),0 12px 25px var(--tone-0004);position:relative}.surface:before{content:"";position:absolute;top:-1px;left:25px;right:25px;height:1px;background:linear-gradient(90deg,transparent,var(--tone-e2c59775) 10%,var(--tone-e2c59718) 45%,transparent 70%);pointer-events:none}.header-wrap{position:sticky;top:0;z-index:30;padding:16px 0 12px;background:linear-gradient(var(--tone-0c0e10f5),var(--tone-0c0e10c9) 78%,var(--tone-0c0e1000));backdrop-filter:blur(15px)}.header{max-width:1240px;width:calc(100% - 64px);height:68px;margin:auto;border-radius:17px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:25px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;font-size:17px;font-weight:760;letter-spacing:.4px;line-height:1}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--tone-f0d3a3),var(--tone-b58a50));border:1px solid var(--tone-f5dab484);box-shadow:inset 0 1px 2px var(--tone-fff8),0 3px 9px var(--tone-d6aa5623);flex-shrink:0}.brand-icon svg{width:23px;height:25px;fill:none;stroke:var(--tone-2a251d);stroke-width:1.5;stroke-linejoin:round}.header nav{display:flex;gap:24px;font-size:12px;color:var(--tone-c9c7c2);white-space:nowrap}.header nav a:hover,.text-link:hover,.plain-button:hover,.footer nav a:hover,.footer nav button:hover{color:var(--light)}.account-actions{display:flex;align-items:center;gap:17px;flex-shrink:0;font-size:12px}.plain-button{padding:8px 0}.soft-button{min-height:39px;padding:0 17px;border-radius:10px;border:1px solid var(--tone-77674776);background:linear-gradient(150deg,var(--tone-3b3428),var(--tone-242322));box-shadow:inset 0 1px 0 var(--tone-e9d4a41c);color:var(--tone-e7d1ab)}.menu-toggle,.mobile-discord{display:none!important}.opening{padding-top:14px}.signature{overflow:hidden;background:radial-gradient(ellipse 60% 85% at 96% 97%,var(--tone-b48f4e28),transparent 80%),radial-gradient(ellipse 80% 80% at 9% -12%,var(--tone-d9b67a13),transparent 75%),linear-gradient(152deg,var(--tone-2a2b2f),var(--tone-191b20) 45%,var(--tone-191b20) 66%,var(--tone-242524))}.hero{min-height:530px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;padding:42px 40px;gap:5px;isolation:isolate}.hero:after{content:"";position:absolute;inset:9px;border:1px solid var(--tone-e6d1a307);border-radius:16px;pointer-events:none}.engraving{position:absolute;inset:16px;border-left:1px solid var(--tone-bd9c5840);pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 11px,var(--tone-c0ac793d) 11px,var(--tone-c0ac793d) 12px) left center/5px calc(100% - 22px) no-repeat}.engraving:before,.engraving:after{content:"";position:absolute;width:34px;height:30px;border-color:var(--tone-d0bb8566);border-style:solid;pointer-events:none}.engraving:before{top:0;right:0;border-width:1px 1px 0 0}.engraving:after{right:0;bottom:0;width:9px;height:9px;border-width:0 1px 1px 0}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:var(--tone-c8b58e);display:flex;gap:10px;align-items:center;line-height:1.5}.eyebrow>span{display:block;width:20px;height:1px;background:var(--gold);flex-shrink:0}h1{font-size:clamp(48px,4vw,58px);font-weight:740;letter-spacing:-2.7px;line-height:1.1;margin-top:24px;position:relative;max-width:700px}h1>span{display:block}h1>span:last-child{color:var(--light)}.hero-description{max-width:540px;font-size:16px;color:var(--tone-c1c0c0);line-height:1.75;margin-top:24px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:29px}.gold-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:0 19px;border-radius:13px;background:linear-gradient(125deg,var(--tone-f0d7a7) 0%,var(--tone-dcb87e) 45%,var(--tone-ba8e52) 100%);border:1px solid var(--tone-f5d9a673);color:var(--tone-292216);font-size:12px;font-weight:750;box-shadow:inset 0 1px 1px var(--tone-fff8),inset 0 -2px 4px var(--tone-76532240),0 7px 25px var(--tone-d8b16e14);transition:transform .18s,box-shadow .18s}.gold-button:hover{transform:translateY(-1px);box-shadow:inset 0 1px 2px var(--tone-fff9),0 8px 27px var(--tone-d8b16e27)}.gold-button:active{transform:translateY(1px)}.gold-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.35}.gold-button>span{font-size:17px;margin-left:8px;font-weight:450}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:15px;font-weight:650}.text-link span{color:var(--gold)}.small-note{font-size:11px;color:var(--tone-a7a49e);line-height:1.65;margin-top:16px;max-width:490px}.relief{height:390px;position:relative;isolation:isolate;margin-left:-10px}.relief:before{content:"";position:absolute;inset:-5% -9%;background:radial-gradient(ellipse at 60% 50%,var(--tone-d3ae6c12),transparent 65%);z-index:-1}.relief-ring{position:absolute;width:340px;height:340px;border:1px solid var(--tone-c3ad7510);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}.relief-ring:after{content:"";position:absolute;inset:35px;border:1px dashed var(--tone-c3ad7515);border-radius:50%}.relief-channels{position:absolute;inset:0;width:100%;height:100%;stroke:var(--tone-b89a6650);stroke-width:1;filter:drop-shadow(0 1px 0 var(--tone-000));z-index:-1}.channel-light{stroke:var(--tone-ebcc91);opacity:.15;stroke-dasharray:15 600;animation:channel 13s linear infinite}.relief-underlay{position:absolute;width:72%;height:170px;border-radius:22px;left:14%;top:65px;transform:skewY(-7deg);background:linear-gradient(150deg,var(--tone-2c2d30),var(--tone-101216));border:1px solid var(--tone-a08b5933);box-shadow:0 22px 20px var(--tone-0005),inset 0 1px 0 var(--tone-ffffff17);z-index:-1}.underlay-one{top:90px;left:17%;width:68%;background:var(--tone-16181b)}.underlay-two{top:80px;left:15.5%}.relief-main{position:absolute;left:14%;top:53px;width:72%;height:170px;transform:skewY(-7deg);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at 15% 0%,var(--tone-a98a4620),transparent 65%),linear-gradient(150deg,var(--tone-353538),var(--tone-202125) 50%,var(--tone-272727));box-shadow:inset 0 1px 0 var(--tone-fff3),inset 0 -1px 0 var(--tone-f3cb6b15),0 22px 30px var(--tone-0006);font-size:21px;font-weight:650;letter-spacing:-.3px;color:var(--tone-e8d6b4)}.relief-logo{width:49px;height:49px;border-radius:14px;background:linear-gradient(140deg,var(--tone-3c372c),var(--tone-22211e));box-shadow:inset 0 2px 5px var(--tone-0008),0 1px 0 var(--tone-ffffff10);border:1px solid var(--tone-9f885033);display:flex;align-items:center;justify-content:center}.relief-logo svg{width:27px;height:29px;fill:none;stroke:var(--tone-d5b47e);stroke-width:1.3;filter:drop-shadow(0 1px 1px var(--tone-000))}.etched-corner{position:absolute;right:13px;top:12px;width:22px;height:22px;border-top:1px solid var(--tone-dac39155);border-right:1px solid var(--tone-dac39155)}.mini-rail{position:absolute;left:19px;right:19px;bottom:12px;height:5px;background:linear-gradient(90deg,var(--tone-c7ae7a75) 0 18px,transparent 18px) 0 2px/100% 1px no-repeat,repeating-linear-gradient(90deg,var(--tone-bfa87a66) 0 1px,transparent 1px 8px) right bottom/57px 4px no-repeat;pointer-events:none}.relief-small{position:absolute;bottom:43px;width:46%;min-height:88px;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:600;color:var(--tone-d7c5a4);box-shadow:inset 0 1px 0 var(--tone-fff2),0 12px 20px var(--tone-0006)}.relief-small svg{width:21px;height:24px;fill:none;stroke:var(--tone-bba171);stroke-width:1}.relief-left{left:1%;transform:skewY(-5deg)}.relief-right{right:1%;bottom:33px;transform:skewY(5deg)}.value-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}.value-card{padding:19px 22px 25px;border-radius:17px;min-height:155px;overflow:hidden;background:radial-gradient(ellipse at 0% 0%,var(--tone-d4b37d0b),transparent 75%),linear-gradient(150deg,var(--tone-242529),var(--tone-17191d) 70%);box-shadow:inset 0 1px 0 var(--tone-fff1),0 8px 20px var(--tone-0004)}.value-card:after{content:"";position:absolute;right:12px;top:11px;width:20px;height:20px;border-top:1px solid var(--tone-d6c18c60);border-right:1px solid var(--tone-d6c18c60)}.line-icon{width:18px;height:19px;float:left;fill:none;stroke:var(--tone-c9b17f);stroke-width:1.2;margin:1px 10px 0 0}.value-card h2{font-size:15px;font-weight:650;line-height:1.4;padding-right:20px;color:var(--tone-e8e3da)}.value-card p{font-size:12px;color:var(--tone-b3b0ae);line-height:1.7;max-width:85%;margin-top:12px;position:relative;z-index:2}.watermark{position:absolute;bottom:24px;right:10px;width:80px;height:80px;fill:none;stroke:var(--tone-c5ad7c);stroke-width:.6;opacity:.11;z-index:0}.section{margin-top:78px;scroll-margin-top:110px}h2{font-size:38px;letter-spacing:-1.2px;font-weight:720;line-height:1.18}h3{font-size:18px;font-weight:650;letter-spacing:-.25px}p{color:var(--muted)}.section .eyebrow{margin-bottom:20px}.section h2+p{margin-top:23px}.product-section{display:grid;grid-template-columns:5fr 7fr;gap:62px;align-items:center}.product-copy h2{max-width:470px}.product-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;margin-top:20px}.product-notes{padding:8px 35px 10px 42px;border-radius:21px;overflow:hidden}.product-notes:after{content:"";position:absolute;right:-30px;bottom:-45px;width:140px;height:140px;transform:rotate(45deg);border:1px solid var(--tone-b6995d33);box-shadow:inset 5px 5px 14px var(--tone-0005),0 0 0 13px var(--tone-b6995d06),0 0 0 14px var(--tone-b6995d15);pointer-events:none}.product-notes article{position:relative;padding:27px 6px 27px 17px;border-bottom:1px solid var(--tone-d0b57e1f);z-index:2}.product-notes article:last-of-type{border-bottom:0}.product-notes h3{font-size:17px;color:var(--tone-e9ddc6);margin-bottom:10px}.product-notes p{font-size:14px;line-height:1.8;max-width:430px}.note-dot{position:absolute;left:0;top:35px;width:4px;height:4px;border-radius:50%;background:var(--tone-bd9d65);box-shadow:0 0 0 4px var(--tone-bda4650a)}.support{padding:38px 40px 30px;overflow:hidden}.support-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:end}.support-heading>p{font-size:15px;line-height:1.85;max-width:460px}.support-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:35px}.support-steps article{padding:0 8px 0 0}.step-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.inset-medal{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--tone-9d875531);background:linear-gradient(145deg,var(--tone-14161a),var(--tone-1b1d21));box-shadow:inset 0 3px 9px var(--tone-0008),0 1px 0 var(--tone-fff1);font-size:12px;color:var(--tone-cfb582);font-weight:650}.step-icon{width:26px;height:26px;fill:none;stroke:var(--tone-a38e69);stroke-width:1;opacity:.8}.support-steps h3{font-size:18px;line-height:1.4;margin-bottom:12px}.support-steps p{font-size:14px;line-height:1.85}.support-rail{display:flex;justify-content:space-around;height:1px;background:linear-gradient(90deg,transparent,var(--tone-bd9b5650) 15%,var(--tone-bd9b5630) 85%,transparent);margin-top:30px;position:relative;box-shadow:0 -2px 4px var(--tone-0007)}.support-rail i{width:5px;height:5px;border-radius:50%;background:var(--tone-d7b079);box-shadow:0 0 9px var(--tone-d7b07930);position:relative;top:-2px}.support-note{margin-top:18px;font-size:12px;color:var(--tone-b4ab9c)}.development{display:grid;grid-template-columns:5fr 7fr;gap:65px;align-items:center}.cycle{height:365px;position:relative;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at 45% 50%,var(--tone-b99b5612),transparent 60%),linear-gradient(150deg,var(--tone-232529),var(--tone-14171b))}.cycle-center{width:65px;height:65px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);border-radius:16px;border:1px solid var(--tone-9e855844);background:linear-gradient(130deg,var(--tone-302e28),var(--tone-181b1d));box-shadow:inset 0 2px 5px var(--tone-fff1),0 4px 25px var(--tone-0004);display:flex;align-items:center;justify-content:center}.cycle-center svg{width:33px;height:33px;fill:none;stroke:var(--tone-ba9e69);stroke-width:1.2;transform:rotate(-45deg)}.cycle-path{position:absolute;inset:0;width:100%;height:100%;stroke:var(--tone-bea26960);stroke-width:1;filter:drop-shadow(0 1px 0 var(--tone-000));pointer-events:none}.cycle-stages{list-style:none;margin:0;padding:0;position:relative;height:100%}.cycle-stage{position:absolute;max-width:210px;width:76%;min-height:58px;padding:17px 15px;border-radius:13px;color:var(--tone-d6c3a1);font-size:12px;font-weight:600;background:linear-gradient(145deg,var(--tone-292b2d),var(--tone-1b1e21));box-shadow:inset 0 1px 0 var(--tone-fff1),0 9px 18px var(--tone-0005);display:flex;gap:12px;align-items:center}.cycle-stage span{font-size:9px;color:var(--tone-9c8f76)}.cycle-stage:nth-child(1){left:24px;top:30px}.cycle-stage:nth-child(2){right:24px;top:108px}.cycle-stage:nth-child(3){right:24px;bottom:108px}.cycle-stage:nth-child(4){left:24px;bottom:30px}.cycle-caption{font-size:12px;color:var(--tone-a59d8f);padding:15px 15px 0;line-height:1.7;text-align:center}.development-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;margin-top:23px}.beginning-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:end}.beginning-heading h2{max-width:600px}.beginning-heading>p{font-size:15px;line-height:1.8}.beginning-band{margin-top:28px;padding:28px 27px;border-radius:18px;display:flex;gap:28px;align-items:center}.beginning-band ol{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;list-style:none;flex:1}.beginning-band li{display:flex;gap:11px}.beginning-band li>span{font-size:10px;color:var(--tone-b7a17b);line-height:2}.beginning-band h3{font-size:13px;line-height:1.4;margin-bottom:8px;letter-spacing:-.1px}.beginning-band p{font-size:11px;line-height:1.8}.beginning-band .gold-button{flex-shrink:0;padding:0 14px;font-size:11px}.beginning-band .gold-button svg{width:17px}.faq{display:grid;grid-template-columns:4fr 8fr;gap:45px;align-items:start}.faq h2{font-size:36px}.faq-list{display:flex;flex-direction:column;gap:10px}.faq details{border:1px solid var(--tone-5c554233);border-radius:14px;background:linear-gradient(145deg,var(--tone-101216),var(--tone-17191d));box-shadow:inset 0 3px 9px var(--tone-0005),0 1px 0 var(--tone-ffffff09);overflow:hidden}.faq details[open]{border-color:var(--tone-a18a554d);background:radial-gradient(ellipse at 0% 0%,var(--tone-d3b47b0b),transparent 80%),linear-gradient(145deg,var(--tone-26282c),var(--tone-1a1c20));box-shadow:inset 0 1px 0 var(--tone-fff1),0 7px 15px var(--tone-0003)}.faq summary{list-style:none;padding:20px 22px;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:14px;font-weight:600;line-height:1.6;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary span{position:relative;flex-shrink:0;width:14px;height:14px}.faq summary span:before,.faq summary span:after{content:"";height:1px;background:var(--tone-d4b987);position:absolute;left:1px;right:1px;top:6px}.faq summary span:after{transform:rotate(90deg);transition:transform .2s}.faq details[open] summary span:after{transform:rotate(0)}.faq details p{padding:0 50px 23px 22px;font-size:14px;line-height:1.8}.closing{padding:36px 40px;display:flex;align-items:center;justify-content:space-between;gap:40px;background:radial-gradient(ellipse 65% 170% at 90% 130%,var(--tone-bb965430),transparent 80%),linear-gradient(150deg,var(--tone-25272b),var(--tone-181b1f));border-color:var(--tone-b4965c6b)}.closing h2{font-size:35px;max-width:650px}.closing p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:610px;margin-top:18px}.closing-actions{display:flex;flex-direction:column;align-items:center;gap:20px;flex-shrink:0;z-index:1}.closing-actions .text-link{font-size:11px}.footer{padding-top:35px;padding-bottom:30px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:27px}.footer-top p{font-size:12px;color:var(--tone-9c9c99)}.footer .brand{font-size:15px}.footer .brand-icon{width:29px;height:31px;border-radius:8px}.footer .brand-icon svg{width:19px;height:21px}.footer-bottom{border-top:1px solid var(--tone-6a5f422b);padding-top:21px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-bottom p,.footer nav{font-size:11px;color:var(--tone-939391)}.footer nav{display:flex;gap:25px}.footer nav button{font-size:11px;padding:0}.footer nav a span{margin-left:10px;color:var(--gold)}dialog{background:linear-gradient(150deg,var(--tone-2a2b2e),var(--tone-191b1f) 70%);border:1px solid var(--tone-a8915e75);border-radius:22px;padding:35px;width:min(440px,calc(100% - 32px));color:var(--text);box-shadow:inset 0 1px 0 var(--tone-fff2),0 30px 100px var(--tone-0009);max-height:calc(100dvh - 40px);overflow:auto}dialog::backdrop{background:var(--tone-06080bcf);backdrop-filter:blur(9px)}body.modal-open{overflow:hidden}.dialog-close{position:absolute;right:13px;top:10px;width:35px;height:35px;border-radius:10px;font-size:25px;font-weight:300;color:var(--tone-bcb6a8)}.dialog-close:hover{background:var(--tone-e3c78c0a);color:var(--light)}dialog h2{font-size:29px;letter-spacing:-.7px;margin:20px 0}dialog>.eyebrow{margin-top:20px;font-size:9px}.auth-tabs{display:flex;background:var(--tone-111418);border-radius:11px;border:1px solid var(--tone-74613d36);padding:4px;box-shadow:inset 0 2px 5px var(--tone-0005);margin:20px 0}.auth-tabs button{flex:1;padding:9px;font-size:12px;border-radius:8px;color:var(--tone-b5b2ac)}.auth-tabs button[aria-selected=true]{background:linear-gradient(150deg,var(--tone-3d382e),var(--tone-252627));box-shadow:inset 0 1px 0 var(--tone-f1d7a829);color:var(--tone-edce9c)}.dialog-notice{font-size:12px;color:var(--tone-dec395);margin-bottom:7px}.dialog-explanation{font-size:11px;color:var(--tone-b0ada8);margin-bottom:20px}.auth-switch{font-size:12px;margin-top:20px;text-align:center;color:var(--tone-b8b5ac)}.auth-switch button{color:var(--light);font-size:12px;padding:0 5px}fieldset{border:0;padding:0;margin:0}form label{font-size:12px;display:block;color:var(--tone-c7c3ba);margin-bottom:16px}form label[hidden]{display:none}input{margin-top:7px;width:100%;height:46px;padding:0 13px;border-radius:11px;border:1px solid var(--tone-6b60454a);background:var(--tone-12151a);box-shadow:inset 0 3px 7px var(--tone-0006);color:var(--tone-bab4a9);outline:none;font-size:13px}input:disabled{opacity:1;cursor:not-allowed}input::placeholder{color:var(--tone-98958e);opacity:1}.auth-submit{width:100%;margin-top:5px}.auth-submit:disabled{cursor:not-allowed;filter:saturate(.55);color:var(--tone-403729);box-shadow:inset 0 1px 0 var(--tone-fff5)}.auth-submit:disabled:hover{transform:none}#notice-dialog p{font-size:14px;line-height:1.8;margin:0 0 25px}#notice-dialog>.gold-button{width:100%}.signature,.value-card{animation:arrive .55s ease both}.value-card:nth-child(2){animation-delay:.08s}.value-card:nth-child(3){animation-delay:.16s}@keyframes arrive{from{opacity:.7;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes channel{0%,65%{stroke-dashoffset:0;opacity:.06}75%{opacity:.38}95%,100%{stroke-dashoffset:-600;opacity:.06}}.out-of-view .channel-light{animation-play-state:paused}@media(min-width:1500px){.hero{grid-template-columns:1.35fr 1fr}}@media(max-width:1150px){.header nav{gap:16px;font-size:11px}.header{gap:18px;padding:0 17px}.brand{font-size:15px}.account-actions{gap:12px;font-size:11px}.hero{padding:36px 32px;min-height:520px}h1{font-size:48px;letter-spacing:-2.1px}.hero-description{font-size:15px}.hero-actions{gap:18px}.gold-button{font-size:11px;padding:0 15px}.relief{margin-left:-5px}.relief-main{font-size:19px}.relief-small{font-size:10px;gap:6px}.relief-small svg{width:17px}.value-card p{max-width:90%;font-size:11px}.value-card h2{font-size:14px}.product-section,.development{gap:40px}.support{padding:32px}.support-heading{gap:30px}h2{font-size:34px}.support-steps{gap:25px}.support-steps p{font-size:13px}.beginning-band{flex-wrap:wrap;justify-content:flex-end}.beginning-band ol{flex-basis:100%}.closing h2{font-size:31px}.closing{padding:32px}.cycle-stage{font-size:11px}.cycle-stage:nth-child(1),.cycle-stage:nth-child(4){left:18px}.cycle-stage:nth-child(2),.cycle-stage:nth-child(3){right:18px}.cycle-stage{max-width:190px}.hero-copy .small-note{max-width:400px}}@media(max-width:900px){.container,.header{width:calc(100% - 40px)}.header nav{display:none;position:absolute;top:78px;left:0;right:0;background:linear-gradient(145deg,var(--tone-292a2e),var(--tone-171a1e));border:1px solid var(--tone-796b495c);border-radius:17px;padding:15px 22px;box-shadow:0 20px 30px var(--tone-0007);white-space:normal;flex-direction:column;gap:0}.header nav.open{display:flex}.header nav a{padding:13px 0;font-size:14px;border-bottom:1px solid var(--tone-ba9c5c15)}.header nav .mobile-discord{display:inline-flex!important;align-self:start;margin:18px 0 7px}.menu-toggle{display:flex!important;flex-direction:column;justify-content:center;gap:6px;width:27px;height:40px;padding:0;margin-left:5px}.menu-toggle span{width:24px;height:1px;background:var(--light);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{grid-template-columns:1.2fr .9fr;min-height:510px;padding:32px 28px}h1{font-size:42px;letter-spacing:-1.8px;line-height:1.1}.hero-description{font-size:14px;line-height:1.75;margin-top:22px}.hero-actions{gap:14px;margin-top:24px}.hero-actions .text-link{font-size:11px}.hero-actions .gold-button svg{display:none}.gold-button>span{margin-left:0}.small-note{font-size:10px}.relief{height:330px}.relief-main{height:147px;top:43px;font-size:17px;gap:9px}.relief-underlay{height:147px;top:65px}.underlay-one{top:76px}.relief-logo{width:40px;height:40px;border-radius:12px}.relief-logo svg{width:24px}.relief-small{font-size:9px;min-height:74px;gap:4px}.relief-small svg{width:14px}.relief-ring{width:260px;height:260px}.value-strip{gap:12px}.value-card{padding:17px 15px 28px;min-height:163px}.value-card h2{font-size:12px;padding-right:0}.line-icon{width:14px;margin-right:6px}.value-card p{font-size:11px;max-width:100%;line-height:1.8}.watermark{width:60px;opacity:.07}.section{margin-top:64px}.product-section{grid-template-columns:1fr 1.1fr;gap:30px}h2{font-size:30px}.product-copy>p:not(.eyebrow){font-size:14px}.product-notes{padding-left:30px;padding-right:25px}.product-notes h3{font-size:15px}.product-notes p{font-size:13px}.support-heading{grid-template-columns:1fr 1fr;gap:25px}.support-heading>p{font-size:13px}.support-steps{gap:22px}.support-steps h3{font-size:16px}.support-steps p{font-size:12px}.development{gap:30px;grid-template-columns:1fr 1fr}.cycle{height:350px}.cycle-stage{max-width:185px;font-size:10px;padding:16px 12px}.cycle-stage:nth-child(1),.cycle-stage:nth-child(4){left:15px}.cycle-stage:nth-child(2),.cycle-stage:nth-child(3){right:15px}.development-copy>p:not(.eyebrow){font-size:14px;line-height:1.8}.beginning-heading{gap:30px}.beginning-heading>p{font-size:14px}.beginning-band ol{gap:20px}.beginning-band h3{font-size:12px}.faq{gap:25px;grid-template-columns:1fr 1.7fr}.faq h2{font-size:30px}.faq summary{font-size:13px;padding:18px}.faq details p{font-size:13px;padding-left:18px}.closing{gap:25px}.closing h2{font-size:28px}.closing p:not(.eyebrow){font-size:13px}.closing-actions .gold-button svg{display:none}.closing-actions .text-link{font-size:10px}.footer-top p{max-width:330px;text-align:right;font-size:11px}}@media(max-width:620px){html{scroll-padding-top:95px}.container,.header{width:calc(100% - 28px)}.header-wrap{padding:10px 0 9px}.header{height:62px;padding:0 13px;border-radius:14px;gap:10px}.brand{font-size:14px;gap:8px;letter-spacing:.15px}.brand-icon{width:29px;height:31px;border-radius:9px}.brand-icon svg{width:21px;height:23px}.account-actions{gap:12px;font-size:10px}.soft-button{font-size:10px;min-height:35px;padding:0 11px;border-radius:9px}.menu-toggle{margin-left:0;width:22px}.menu-toggle span{width:21px}.header nav{top:71px}.opening{padding-top:10px}.hero{grid-template-columns:1fr;gap:0;padding:29px 24px 18px;min-height:auto;border-radius:20px}.hero .engraving{inset:12px;border-color:var(--tone-bd9c5826);background-size:3px calc(100% - 22px)}.hero .eyebrow{font-size:8px;letter-spacing:1px;gap:8px}.eyebrow>span{width:14px}h1{font-size:35px;letter-spacing:-1.45px;line-height:1.12;margin-top:21px}h1>span{display:inline}h1>span:last-child:before{content:" "}.hero-description{font-size:14px;line-height:1.8;margin-top:20px}.hero-actions{gap:19px;margin-top:22px;flex-wrap:wrap}.hero-actions .gold-button{font-size:11px;padding:0 15px;min-height:47px}.hero-actions .gold-button svg{display:block;width:17px}.hero-actions .text-link{font-size:11px;gap:8px}.small-note{font-size:10px;margin-top:14px;line-height:1.7}.relief{height:235px;width:100%;max-width:350px;margin:12px auto 0}.relief-main{width:62%;left:19%;height:104px;top:20px;border-radius:15px;font-size:15px;gap:7px}.relief-logo{width:34px;height:34px;border-radius:10px}.relief-logo svg{width:21px;height:22px}.relief-underlay{width:62%;height:104px;left:20.5%;top:34px;border-radius:15px}.underlay-one{width:60%;left:22%;top:44px}.relief-small{width:46%;min-height:65px;font-size:10px;border-radius:12px;bottom:18px;gap:7px}.relief-small svg{width:18px;height:20px}.relief-right{bottom:12px}.relief-ring{width:220px;height:220px}.relief-main .mini-rail{bottom:9px;left:13px;right:13px;background-size:100% 1px,38px 4px}.relief-channels{width:100%;height:100%;top:0}.value-strip{grid-template-columns:1fr;gap:12px;margin-top:14px}.value-card{min-height:128px;padding:20px 23px 29px;border-radius:16px}.value-card h2{font-size:15px;padding-right:20px}.value-card .line-icon{width:17px;height:19px;margin-right:9px}.value-card p{font-size:12px;line-height:1.8;max-width:89%;margin-top:10px}.watermark{width:70px;height:70px;right:9px;opacity:.11;bottom:24px}.section{margin-top:52px;scroll-margin-top:95px}.section .eyebrow{font-size:8px;letter-spacing:1.2px;gap:8px;margin-bottom:17px}h2{font-size:29px;letter-spacing:-.8px;line-height:1.2}.product-section{display:flex;flex-direction:column;gap:26px;align-items:stretch;padding:0 8px}.product-copy>p:not(.eyebrow){font-size:14px;margin-top:18px;line-height:1.85}.product-notes{padding:4px 25px 5px 28px;border-radius:18px}.product-notes .engraving{inset:12px}.product-notes article{padding:24px 0 24px 12px}.product-notes h3{font-size:16px;margin-bottom:9px}.product-notes p{font-size:13px;line-height:1.85}.note-dot{top:32px}.support{padding:28px 25px 24px;border-radius:20px}.support-heading{display:block}.support-heading>p{margin-top:20px;font-size:14px;line-height:1.85}.support-steps{display:block;margin-top:28px}.support-steps article{position:relative;padding:0 0 25px 0;border-bottom:1px solid var(--tone-b59b6526);margin-bottom:25px}.support-steps article:last-child{padding-bottom:0;margin-bottom:0;border:0}.step-top{margin-bottom:15px}.inset-medal{width:36px;height:36px;font-size:10px;border-radius:10px}.step-icon{width:24px;height:24px}.support-steps h3{font-size:18px;margin-bottom:11px}.support-steps p{font-size:13px;line-height:1.9}.support-rail{margin-top:25px}.support-note{font-size:11px;line-height:1.85}.development{display:flex;flex-direction:column;gap:30px;align-items:stretch;padding:0 8px}.cycle-container{order:0}.development-copy{order:1}.cycle{height:330px;max-width:420px;width:100%;margin:auto}.cycle-stage{font-size:11px;max-width:205px;min-height:54px;padding:15px}.cycle-stage:nth-child(1){top:24px;left:22px}.cycle-stage:nth-child(2){top:100px;right:22px}.cycle-stage:nth-child(3){bottom:100px;right:22px}.cycle-stage:nth-child(4){bottom:24px;left:22px}.cycle-caption{font-size:11px;padding-top:14px;max-width:350px;margin:auto}.development-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;margin-top:20px}.beginning{padding:0 8px}.beginning-heading{display:block}.beginning-heading>p{font-size:14px;margin-top:20px}.beginning-band{padding:25px;display:flex;gap:25px;border-radius:18px;margin-top:25px;justify-content:stretch}.beginning-band ol{display:flex;flex-direction:column;gap:22px}.beginning-band li{gap:14px}.beginning-band li>span{font-size:10px}.beginning-band h3{font-size:15px;margin-bottom:7px}.beginning-band p{font-size:12px;line-height:1.8}.beginning-band .gold-button{width:100%;font-size:11px;min-height:47px}.faq{display:block;padding:0 8px}.faq h2{font-size:29px}.faq-list{margin-top:25px;gap:10px}.faq summary{font-size:13px;padding:18px;line-height:1.7;gap:15px}.faq details p{font-size:13px;padding:0 32px 22px 18px;line-height:1.9}.closing{display:block;padding:28px 25px;border-radius:20px}.closing h2{font-size:29px;letter-spacing:-.9px}.closing p:not(.eyebrow){font-size:13px;margin-top:18px;line-height:1.85}.closing-actions{align-items:stretch;margin-top:25px;gap:20px}.closing-actions .gold-button{font-size:12px;min-height:48px}.closing-actions .gold-button svg{display:block}.closing-actions .text-link{font-size:11px;justify-content:center}.footer{padding-top:30px;padding-bottom:25px}.footer-top{display:block;padding:0 9px 25px}.footer-top p{max-width:none;text-align:left;margin-top:16px;font-size:11px;line-height:1.8}.footer-bottom{padding:22px 9px 0;display:block}.footer-bottom p{font-size:10px}.footer nav{margin-top:20px;gap:22px;justify-content:space-between;font-size:10px}.footer nav button{font-size:10px}.footer nav a span{margin-left:5px}dialog{padding:28px 25px}dialog h2{font-size:26px}dialog>.eyebrow{font-size:8px}}

/* OBSIDIAN / optical atmosphere and material motion */
body{isolation:isolate}
.ambient-scene{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:strict}
.ambient-aura{position:absolute;width:100vw;height:100vh;pointer-events:none;will-change:transform;mix-blend-mode:screen}
.aura-one{left:-38%;top:-38%;background:radial-gradient(ellipse at center,var(--tone-e0b66a38) 0%,var(--tone-bd884b17) 35%,transparent 68%);animation:aurora-one 24s ease-in-out infinite alternate}
.aura-two{right:-38%;bottom:-25%;background:radial-gradient(ellipse at center,var(--tone-dfb56930) 0%,var(--tone-b6914f15) 40%,transparent 68%);animation:aurora-two 31s ease-in-out infinite alternate}
.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(var(--tone-c2a5720c) 1px,transparent 1px),linear-gradient(90deg,var(--tone-c2a5720c) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,var(--tone-000),transparent 23%,transparent 77%,var(--tone-000));opacity:.8;animation:grid-breathe 18s ease-in-out infinite alternate}
.ambient-traces{position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,transparent 48%,var(--tone-d9b8780b) 49.5%,var(--tone-e9cd961b) 50%,transparent 50.5%,transparent 100%);background-size:180% 160%;animation:ambient-trace 22s ease-in-out infinite}
.optical-point{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--tone-f0d5a1);box-shadow:0 0 9px var(--tone-edc27d70);animation:optical-pulse var(--point-duration) ease-in-out var(--point-delay) infinite;opacity:.25}
.optical-point:nth-of-type(3n):before,.optical-point:nth-of-type(3n):after{content:"";position:absolute;left:-4px;top:1px;width:11px;height:1px;background:var(--tone-c6a96955)}
.optical-point:nth-of-type(3n):after{transform:rotate(90deg)}
.hero-light{position:absolute;inset:-30%;pointer-events:none;z-index:-1;background:conic-gradient(from 200deg at 70% 52%,transparent 0deg,var(--tone-e6c78a04) 15deg,var(--tone-e6c78a1c) 31deg,transparent 50deg,transparent 360deg);animation:hero-illumination 18s ease-in-out infinite alternate}
.relief-main{animation:relief-breathe 9s ease-in-out infinite}
.relief-small.relief-right{animation:relief-secondary 11s ease-in-out -4s infinite}
.channel-light{stroke-width:2;stroke-dasharray:45 550;filter:drop-shadow(0 0 4px var(--tone-efcb83));animation:channel-visible 12s ease-in-out infinite}
.relief-ring{box-shadow:0 0 25px var(--tone-c5a5620a),inset 0 0 24px var(--tone-c5a56207)}
.relief-logo{box-shadow:inset 0 2px 5px var(--tone-0008),0 1px 0 var(--tone-ffffff10),0 0 23px var(--tone-d8b57813)}
.pointer-polish,.edge-polish{pointer-events:none;position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .3s;z-index:4}
.pointer-polish{background:radial-gradient(430px circle at var(--polish-x,50%) var(--polish-y,0%),var(--tone-f5d79d) 0%,transparent 65%);mix-blend-mode:screen}
.edge-polish{padding:1px;background:radial-gradient(260px circle at var(--polish-x,50%) var(--polish-y,0%),var(--tone-f8dba7) 0%,transparent 75%);mask:linear-gradient(var(--tone-fff) 0 0) content-box,linear-gradient(var(--tone-fff) 0 0);mask-composite:exclude}
.polish-active>.pointer-polish{opacity:.055}
.polish-active>.edge-polish{opacity:.75}
.surface:focus-within>.edge-polish{opacity:.4}
.gold-button{position:relative;overflow:hidden;isolation:isolate}
.gold-button:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(110deg,transparent 0%,transparent 30%,var(--tone-fff7) 47%,transparent 63%,transparent 100%);transform:translateX(-130%);animation:button-glint 10s ease-in-out infinite}
.gold-button:hover:before{animation-duration:2.8s}
.gold-button:disabled:before{animation:none;opacity:0}
.support-rail{overflow:visible}
.support-rail:after{content:"";position:absolute;left:0;right:0;top:-1px;height:3px;background:linear-gradient(90deg,transparent,var(--tone-e9c784a0),transparent);transform:scaleX(.15);transform-origin:left;opacity:0;pointer-events:none}
.support.material-reveal .support-rail:after{animation:support-illumination 1.7s ease .35s both}
.cycle-path{stroke-dasharray:900;stroke-dashoffset:0}
.development.material-reveal .cycle-path{animation:cycle-illumination 1.8s ease both}
.material-reveal{animation:material-reveal .75s cubic-bezier(.2,.7,.2,1) both}
.value-strip .value-card:nth-child(2).material-reveal{animation-delay:.08s}
.value-strip .value-card:nth-child(3).material-reveal{animation-delay:.16s}
.out-of-view,.out-of-view *,.out-of-view:before,.out-of-view:after,.out-of-view *:before,.out-of-view *:after,.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
.faq-lead-copy{margin-top:22px;font-size:15px;line-height:1.85;max-width:300px}
.faq-lead-cta{margin-top:22px;color:var(--light)}
@keyframes aurora-one{0%{transform:translate3d(-8%,-8%,0) scale(1)}100%{transform:translate3d(41%,29%,0) scale(1.2)}}
@keyframes aurora-two{0%{transform:translate3d(7%,8%,0) scale(1.1)}100%{transform:translate3d(-31%,-25%,0) scale(.9)}}
@keyframes grid-breathe{from{opacity:.35;transform:translateY(0)}to{opacity:.85;transform:translateY(-16px)}}
@keyframes ambient-trace{0%,18%{background-position:150% 20%;opacity:0}35%,65%{opacity:.9}85%,100%{background-position:-90% 80%;opacity:0}}
@keyframes optical-pulse{0%,100%{opacity:.12;transform:translateY(0)}50%{opacity:.65;transform:translateY(-5px)}}
@keyframes hero-illumination{from{transform:rotate(-8deg);opacity:.35}to{transform:rotate(13deg);opacity:1}}
@keyframes relief-breathe{0%,100%{transform:skewY(-7deg) translateY(0)}50%{transform:skewY(-7deg) translateY(-6px)}}
@keyframes relief-secondary{0%,100%{transform:skewY(5deg) translateY(0)}50%{transform:skewY(5deg) translateY(4px)}}
@keyframes channel-visible{0%,15%{stroke-dashoffset:80;opacity:.08}28%,45%{opacity:.75}60%,100%{stroke-dashoffset:-580;opacity:.08}}
@keyframes button-glint{0%,68%{transform:translateX(-130%);opacity:0}72%{opacity:.65}89%,100%{transform:translateX(130%);opacity:0}}
@keyframes support-illumination{0%{transform:scaleX(.02);opacity:0}40%{opacity:.8}100%{transform:scaleX(1);opacity:0}}
@keyframes cycle-illumination{from{stroke-dashoffset:900;opacity:.2}to{stroke-dashoffset:0;opacity:1}}
@keyframes material-reveal{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.ambient-aura{width:140vw;height:95vh}.aura-one{left:-65%}.aura-two{right:-65%}.ambient-grid{background-size:54px 54px;opacity:.5}.faq-lead-copy{font-size:14px}.pointer-polish,.edge-polish{display:none}}
@media(max-width:620px){.ambient-grid{mask-image:linear-gradient(90deg,var(--tone-000),transparent 16%,transparent 84%,var(--tone-000))}.ambient-aura{width:170vw;height:90vh}.aura-one{left:-85%;top:-25%}.aura-two{right:-85%;bottom:-20%}.faq-lead-copy{font-size:13px;max-width:340px;margin-top:18px}.faq-lead-cta{margin-top:18px}.relief-main{animation-name:relief-breathe}}


/* Explicit per-site motion preference; operating-system reduce remains the default. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.motion-control{position:relative;flex-shrink:0}
.motion-toggle{display:inline-flex;align-items:center;gap:6px;min-height:39px;padding:0 10px;border:1px solid var(--tone-bda16b2e);border-radius:11px;background:linear-gradient(145deg,var(--tone-2c2c2b),var(--tone-1d2023));box-shadow:inset 0 1px 0 var(--tone-fff1);color:var(--tone-d8c8a7);font-size:10px;white-space:nowrap}
.motion-toggle svg{width:16px;height:17px;stroke:currentColor;stroke-width:1}
.motion-toggle[aria-pressed=true]{border-color:var(--tone-d8b77f66);color:var(--tone-f0d7a8);background:linear-gradient(145deg,var(--tone-3d3629),var(--tone-202224));box-shadow:inset 0 1px 0 var(--tone-e8cb9430),0 0 15px var(--tone-c6a86c0a)}
.motion-help{position:absolute;right:0;top:calc(100% + 12px);width:225px;padding:12px 14px;border-radius:11px;border:1px solid var(--tone-88714755);background:var(--tone-222321);color:var(--tone-d5c8af);font-size:10px;line-height:1.8;box-shadow:0 9px 25px var(--tone-0008);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s;z-index:40}
.motion-control:hover .motion-help:not([hidden]),.motion-control:focus-within .motion-help:not([hidden]){opacity:1;visibility:visible}
.ambient-traces{opacity:.35}.hero-light{opacity:.65}
body[data-motion=off] *,body[data-motion=off] *:before,body[data-motion=off] *:after{animation:none!important;transition:none!important}
body[data-motion=off] .pointer-polish,body[data-motion=off] .edge-polish{display:none}
body[data-motion=off] .gold-button:before{opacity:0}
body[data-motion=off] .material-reveal{opacity:1;transform:none}
body[data-motion=off] .cycle-path{stroke-dashoffset:0}
html:has(body[data-motion=off]){scroll-behavior:auto}
@media(prefers-reduced-motion:reduce){body:not([data-motion=on]) *,body:not([data-motion=on]) *:before,body:not([data-motion=on]) *:after{animation:none!important;transition:none!important}body:not([data-motion=on]) .pointer-polish,body:not([data-motion=on]) .edge-polish{display:none}body:not([data-motion=on]) .gold-button:before{opacity:0}body:not([data-motion=on]) .material-reveal{opacity:1;transform:none}body:not([data-motion=on]) .cycle-path{stroke-dashoffset:0}html:has(body:not([data-motion=on])){scroll-behavior:auto}}
@media(min-width:901px) and (max-width:1150px){.header nav{gap:12px;font-size:10px}.header{gap:15px}.account-actions{gap:10px}.motion-toggle{padding:0 8px;font-size:9px;gap:4px}.soft-button{padding:0 12px}}
@media(max-width:620px){.motion-toggle{width:31px;min-height:35px;padding:0;justify-content:center;border-radius:9px}.motion-toggle>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.account-actions{gap:9px}.motion-help{width:210px;right:-50px}.motion-toggle svg{width:16px}}

/* V4 network and ambient retained; global V3 material restored. */
.synaptic-relief{height:auto;aspect-ratio:auto;margin-left:0;position:relative;width:100%}
.network-stage{position:relative;width:100%;aspect-ratio:420/350;isolation:isolate}
.network-bed{position:absolute;inset:7% 0 1%;border-radius:30px;background:radial-gradient(ellipse at 49% 44%,var(--tone-c0a36712),transparent 70%),linear-gradient(145deg,var(--tone-15171c80),var(--tone-27282750));box-shadow:inset 4px 5px 15px var(--tone-0008),inset -1px -1px 0 var(--tone-fff1),0 1px 0 var(--tone-0007);transform:perspective(900px) rotateX(7deg);z-index:-2;border:1px solid var(--tone-0005)}
.synapse-routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1;pointer-events:none}
.route-shadow{stroke:var(--tone-03050a);stroke-width:9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 var(--tone-ecd5a92e))}
.route-bevel{stroke:var(--tone-bda2695e);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.route-inlay{stroke:url(#route-metal);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.route-signal{stroke:var(--tone-f8dda6);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:15 205;stroke-dashoffset:0;filter:drop-shadow(0 0 3px var(--tone-edc47d75))}
.route-signal use{animation:synapse-signal 10s ease-in-out infinite}
.route-signal use:nth-child(2){animation-delay:-3.3s;animation-direction:reverse}
.route-signal use:nth-child(3){animation-delay:-6.6s;animation-duration:14s}
.synapse-hubs circle:first-child{fill:var(--tone-1a1b1d);stroke:var(--tone-bca16a);stroke-width:1.2;filter:drop-shadow(0 2px 1px var(--tone-000))}
.synapse-hubs circle:not(:first-child){fill:var(--tone-d7b079);stroke:var(--tone-3e3321);stroke-width:.8}
.network-ports circle{fill:var(--tone-17191d);stroke:var(--tone-e0bb7e);stroke-width:1.6;filter:drop-shadow(0 2px 1px var(--tone-000))}
.synaptic-relief .relief-main{left:19%;top:12.3%;width:62%;height:37.2%;min-height:0;transform:none;animation:none;z-index:2;gap:10px;border-radius:19px;background:radial-gradient(ellipse at 18% -10%,var(--tone-e0c28c20),transparent 65%),linear-gradient(145deg,var(--tone-414145),var(--tone-292a2e) 53%,var(--tone-222528));border-top-color:var(--tone-d3c4a061);border-left-color:var(--tone-96856873);border-right-color:var(--tone-19191b);border-bottom-color:var(--tone-0d0f12);box-shadow:inset 2px 3px 1px var(--tone-ffffff26),inset -2px -4px 4px var(--tone-000a),0 4px 0 var(--tone-131519),0 7px 0 var(--tone-393a3655),0 15px 18px var(--tone-0009);font-size:20px;font-weight:650;color:var(--tone-f0dfbf);text-shadow:0 2px 1px var(--tone-000),0 -1px 0 var(--tone-fff2);transition:border-color .2s,box-shadow .2s}
.synaptic-relief .relief-underlay{left:20%;top:15%;width:62%;height:37.2%;transform:none;border-radius:20px;z-index:0;background:linear-gradient(145deg,var(--tone-313238),var(--tone-14161a))}
.synaptic-relief .underlay-one{top:17%;left:21%;width:60%;box-shadow:inset 0 1px 0 var(--tone-ffffff20),0 12px 15px var(--tone-0009)}
.synaptic-relief .relief-logo{width:48px;height:48px;border-radius:13px;background:linear-gradient(145deg,var(--tone-202226),var(--tone-353538));box-shadow:inset 3px 4px 5px var(--tone-000a),inset -1px -1px 1px var(--tone-fff2),0 1px 0 var(--tone-000);border-color:var(--tone-100f0d)}
.synaptic-relief .relief-logo svg{filter:drop-shadow(0 1px 0 var(--tone-ffffff35)) drop-shadow(0 -1px 1px var(--tone-000));width:27px;height:27px}
.synaptic-relief .relief-small{top:69.2%;bottom:auto;width:46.5%;height:20.5%;min-height:0;transform:none;animation:none;z-index:2;border-radius:14px;background:linear-gradient(150deg,var(--tone-303136),var(--tone-202328) 70%);box-shadow:inset 1px 2px 1px var(--tone-ffffff24),inset -1px -3px 3px var(--tone-0009),0 3px 0 var(--tone-111318),0 8px 15px var(--tone-0008);font-size:12px;border-bottom-color:var(--tone-101216);border-right-color:var(--tone-121418)}
.synaptic-relief .relief-left{left:1.1%}.synaptic-relief .relief-right{left:auto;right:1.1%}
.synaptic-relief button[aria-pressed=true],.synaptic-relief button:focus-visible{border-color:var(--tone-e0bb7f);box-shadow:inset 1px 2px 1px var(--tone-fff3),inset -1px -3px 3px var(--tone-0009),0 3px 0 var(--tone-181817),0 0 0 2px var(--tone-caa15b17),0 11px 19px var(--tone-0008);color:var(--tone-f8e2bd)}
.synaptic-relief button:hover{border-top-color:var(--tone-efd09b);border-left-color:var(--tone-b99d6f)}
.theme-explanation{font-size:12px;line-height:1.8;color:var(--tone-bdb4a4);min-height:67px;margin:13px 5px 0;padding:0 8px;text-align:center;max-width:430px}
.synaptic-relief[data-theme=performance] .route-inlay use,.synaptic-relief[data-theme=support] .route-inlay use:first-child,.synaptic-relief[data-theme=growth] .route-inlay use:nth-child(2),.synaptic-relief[data-theme=growth] .route-inlay use:nth-child(3){stroke:var(--tone-f6daa7);stroke-width:2.5}
.synaptic-relief[data-theme=support] .network-ports circle:nth-child(3),.synaptic-relief[data-theme=growth] .network-ports circle:nth-child(4){fill:var(--tone-d7b079);stroke:var(--tone-f7dca9)}
.ambient-scene{perspective:900px;perspective-origin:50% 48%;--ambient-x:0px;--ambient-y:0px;background:radial-gradient(ellipse at 50% 46%,transparent 25%,var(--tone-03050a30) 100%)}
.ambient-perspective{position:absolute;inset:0;perspective:800px;transform-style:preserve-3d;transform:translate3d(var(--ambient-x),var(--ambient-y),0)}
.depth-grid{position:absolute;width:220%;height:145%;left:-60%;top:24%;background-image:linear-gradient(var(--tone-c5aa6924) 1px,transparent 1px),linear-gradient(90deg,var(--tone-c5aa691c) 1px,transparent 1px);background-size:88px 88px;transform-origin:50% 20%;mask-image:radial-gradient(ellipse at 50% 40%,var(--tone-000),transparent 68%);backface-visibility:hidden;will-change:transform}
.depth-grid-far{transform:rotateX(66deg) translateZ(-100px);animation:depth-grid-drift 38s linear infinite;opacity:.7}
.depth-grid-near{top:-79%;transform:rotateX(-65deg) translateZ(-30px);background-size:130px 130px;opacity:.16;animation:depth-grid-ceiling 47s linear infinite reverse}
.ambient-volume{position:absolute;width:100%;height:150%;left:0;top:-25%;pointer-events:none;mix-blend-mode:screen;transform-origin:50% 15%;will-change:transform}
.volume-one{background:conic-gradient(from 150deg at 42% -6%,transparent 0deg,var(--tone-c39b5528) 7deg,var(--tone-f0cf8610) 12deg,transparent 22deg,transparent 360deg);animation:volume-drift 28s ease-in-out infinite alternate}
.volume-two{background:conic-gradient(from 190deg at 90% 0%,transparent 0deg,var(--tone-a5844315) 15deg,var(--tone-c7a56626) 17deg,transparent 27deg,transparent 360deg);animation:volume-drift 37s ease-in-out -9s infinite alternate-reverse;opacity:.7}
.ambient-prism{position:absolute;width:155px;height:155px;border:1px solid var(--tone-c9af7533);box-shadow:inset 1px 1px 0 var(--tone-f4ddb618),3px 4px 0 var(--tone-0006);transform:rotate(30deg);border-radius:18px;background:linear-gradient(125deg,var(--tone-d0ad7306),transparent);mask-image:linear-gradient(120deg,var(--tone-000),transparent 80%);will-change:transform}
.prism-one{left:-65px;top:29%;animation:prism-drift 34s ease-in-out infinite alternate}
.prism-two{right:-70px;bottom:16%;width:220px;height:220px;animation:prism-drift 43s ease-in-out -12s infinite alternate-reverse;opacity:.55}
.ambient-grid{opacity:.3;mask-image:linear-gradient(90deg,var(--tone-000),transparent 20%,transparent 80%,var(--tone-000))}
.ambient-aura{opacity:.68}.ambient-traces{opacity:.2}
@keyframes synapse-signal{0%,12%{stroke-dashoffset:220;opacity:.25}35%,65%{opacity:.9}90%,100%{stroke-dashoffset:-220;opacity:.25}}
@keyframes depth-grid-drift{from{transform:rotateX(66deg) translate3d(0,0,-100px)}to{transform:rotateX(66deg) translate3d(0,88px,-100px)}}
@keyframes depth-grid-ceiling{from{transform:rotateX(-65deg) translate3d(0,0,-30px)}to{transform:rotateX(-65deg) translate3d(0,130px,-30px)}}
@keyframes volume-drift{from{transform:rotate(-7deg) scaleX(.9);opacity:.45}to{transform:rotate(8deg) scaleX(1.15);opacity:.9}}
@keyframes prism-drift{from{transform:translate3d(0,0,0) rotate(26deg)}to{transform:translate3d(15px,-35px,0) rotate(38deg)}}
body[data-motion=off] .route-signal{opacity:.35;stroke-dasharray:none;stroke-width:.7;filter:none}
body[data-motion=off] .ambient-perspective{transform:none}
@media(max-width:1150px){.synaptic-relief .relief-main{font-size:19px}.synaptic-relief .relief-small{font-size:10px;gap:5px}.theme-explanation{font-size:11px;min-height:69px;margin-top:13px}.synaptic-relief .relief-logo{width:40px;height:40px}}
@media(max-width:900px){.synaptic-relief .relief-main{font-size:17px;gap:7px;border-radius:15px}.synaptic-relief .relief-logo{width:33px;height:33px;border-radius:10px}.synaptic-relief .relief-logo svg{width:23px;height:23px}.synaptic-relief .relief-small{font-size:9px;gap:4px;border-radius:12px}.synaptic-relief .relief-small svg{width:15px;height:18px}.theme-explanation{font-size:10px;min-height:78px;padding:0;margin-top:13px}.network-bed{border-radius:24px}.ambient-perspective{perspective:700px}.depth-grid{width:260%;left:-80%;opacity:.45}}
@media(max-width:620px){.synaptic-relief{max-width:350px;margin:12px auto 0;height:auto;aspect-ratio:auto}.network-stage{aspect-ratio:420/300}.synaptic-relief .relief-main{font-size:15px;gap:7px;border-radius:15px}.synaptic-relief .relief-logo{width:31px;height:31px;border-radius:10px}.synaptic-relief .relief-logo svg{width:21px;height:22px}.synaptic-relief .relief-small{font-size:10px;gap:7px;border-radius:12px}.synaptic-relief .relief-small svg{width:17px;height:20px}.theme-explanation{font-size:11px;min-height:63px;margin-top:12px;padding:0 5px}.ambient-prism{width:110px;height:110px}.prism-one{left:-65px}.prism-two{right:-85px;width:160px;height:160px}.depth-grid{background-size:65px 65px}.route-shadow{stroke-width:10}.route-inlay{stroke-width:2}.route-bevel{stroke-width:5}}
@media(prefers-reduced-motion:reduce){body[data-motion=on] .depth-grid,body[data-motion=on] .ambient-volume,body[data-motion=on] .ambient-prism,body[data-motion=on] .ambient-aura,body[data-motion=on] .ambient-grid{animation:none}body[data-motion=on] .ambient-traces{animation-duration:40s}body[data-motion=on] .hero-light{animation-name:depth-light-breathe;animation-duration:18s}body[data-motion=on] .route-signal use{animation-duration:18s}body[data-motion=on] .optical-point{animation:none;opacity:.25}body[data-motion=on] .material-reveal{animation-name:depth-fade-reveal}}
@keyframes depth-light-breathe{from{opacity:.35}to{opacity:.85}}
@keyframes depth-fade-reveal{from{opacity:.5}to{opacity:1}}

body[data-motion=off] .gold-button:hover,body[data-motion=off] .gold-button:active{transform:none}

/* Clip decorative overflow without creating focus-scroll containers. */
.signature,.support,.product-notes,.cycle,.value-card{overflow:clip}


/* V5 — satin polish, with relief reserved for the three connected theme nodes. */
.hero{isolation:isolate;overflow:clip}
.hero-satin-polish{position:absolute;inset:-35% -60%;z-index:1;pointer-events:none;background:linear-gradient(112deg,transparent 30%,var(--tone-e4d8bd02) 41%,var(--tone-fff0d91b) 48%,var(--tone-e4c69710) 51%,transparent 60%);transform:translateX(-35%);animation:hero-satin-pass 17s ease-in-out infinite;mix-blend-mode:screen}
.hero-copy,.synaptic-relief{position:relative;z-index:2}
.hero>.pointer-polish{background:radial-gradient(500px circle at var(--polish-x,50%) var(--polish-y,0%),var(--tone-ffe4ad) 0%,transparent 68%)}
.hero.polish-active>.pointer-polish{opacity:.075}
.value-card{isolation:isolate}
.value-card h2,.value-card p,.value-card>.line-icon{position:relative;z-index:2}



.value-card .watermark{animation:watermark-optic-drift 13s ease-in-out infinite;transform-origin:50% 50%;opacity:.14;will-change:transform}




.value-card:nth-child(2) .watermark{animation-delay:-4s;animation-duration:15s}
.value-card:nth-child(3) .watermark{animation-delay:-9s;animation-duration:17s}
@keyframes hero-satin-pass{0%,8%{transform:translateX(-35%);opacity:.2}42%{opacity:.9}75%,100%{transform:translateX(35%);opacity:.15}}


@keyframes watermark-optic-drift{0%,100%{transform:rotate(-7deg) scale(.98);opacity:.12}50%{transform:rotate(9deg) scale(1.04);opacity:.22}}
body[data-motion=off] .hero-satin-polish{opacity:0}
body[data-motion=off] .value-card .watermark{transform:none;opacity:.11}
/* The user's explicit on setting keeps these calm surface loops on even under OS reduce. */
@media(prefers-reduced-motion:reduce){body[data-motion=on] .hero-satin-polish{animation-duration:22s}body[data-motion=on] .value-card .watermark{animation-duration:18s}}

/* V6 — explicit-on spatial motion, including devices with OS reduce enabled. */
body[data-motion=on] .depth-grid-far{animation:depth-grid-drift 30s linear infinite!important}
body[data-motion=on] .depth-grid-near{animation:depth-grid-ceiling 39s linear infinite reverse!important}
body[data-motion=on] .volume-one{animation:volume-drift 22s ease-in-out infinite alternate!important}
body[data-motion=on] .volume-two{animation:volume-drift 29s ease-in-out -9s infinite alternate-reverse!important}
body[data-motion=on] .prism-one{animation:prism-drift 25s ease-in-out infinite alternate!important}
body[data-motion=on] .prism-two{animation:prism-drift 33s ease-in-out -12s infinite alternate-reverse!important}
body[data-motion=on] .aura-one{animation:aurora-one 26s ease-in-out infinite alternate!important}
body[data-motion=on] .aura-two{animation:aurora-two 34s ease-in-out infinite alternate!important}
body[data-motion=on] .ambient-grid{animation:grid-breathe 19s ease-in-out infinite alternate!important}
.value-card .watermark{width:86px;height:86px;right:12px;bottom:24px;stroke-width:.85;opacity:.25;transform-box:fill-box;transform-origin:center}
body[data-motion=on] .value-card:nth-child(1) .watermark{animation:triangle-optical-orbit 20s linear infinite!important}
body[data-motion=on] .value-card:nth-child(2) .watermark{animation:square-optical-orbit 25s linear -8s infinite!important}
body[data-motion=on] .value-card:nth-child(3) .watermark{animation:circle-optical-orbit 29s linear -13s infinite!important}
@keyframes triangle-optical-orbit{0%{transform:translate(0,3px) rotate(0deg);opacity:.22}50%{transform:translate(-3px,-4px) rotate(180deg);opacity:.3}100%{transform:translate(0,3px) rotate(360deg);opacity:.22}}
@keyframes square-optical-orbit{0%{transform:translate(0,-3px) rotate(0deg);opacity:.25}50%{transform:translate(-4px,4px) rotate(-180deg);opacity:.31}100%{transform:translate(0,-3px) rotate(-360deg);opacity:.25}}
@keyframes circle-optical-orbit{0%{transform:translate(0,2px) rotate(25deg);opacity:.23}50%{transform:translate(-4px,-4px) rotate(205deg);opacity:.32}100%{transform:translate(0,2px) rotate(385deg);opacity:.23}}
body[data-motion=on].motion-paused *,body[data-motion=on].motion-paused *:before,body[data-motion=on].motion-paused *:after,body[data-motion=on] .out-of-view *,body[data-motion=on] .out-of-view *:before,body[data-motion=on] .out-of-view *:after{animation-play-state:paused!important}
body[data-motion=off] .value-card .watermark{animation:none!important;transform:none;opacity:.15}
@media(max-width:620px){.value-card .watermark{width:75px;height:75px;right:10px;bottom:25px}.value-card p{max-width:82%}}

/* Palette Studio — compact control and accessible original-color catalog. */
:root{--raised:var(--tone-292b2f);--border:var(--tone-544d40);--button-bg:var(--tone-d7b079);--button-light:var(--tone-f1d7a8);--button-shade:var(--tone-b58a50);--ink:var(--tone-292216);--shadow:rgba(0,0,0,.35)}
.palette-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:35px;min-height:39px;border:1px solid var(--border);background:linear-gradient(145deg,var(--surface),var(--inset));border-radius:11px;color:var(--gold);box-shadow:inset 0 1px 0 var(--tone-fff1)}
.palette-toggle svg{width:19px;height:20px;stroke:currentColor;stroke-width:1.2}
.palette-toggle:hover{border-color:var(--gold)}
#palette-dialog{width:min(790px,calc(100% - 32px));padding:32px;max-height:min(850px,calc(100dvh - 38px));background:linear-gradient(150deg,var(--raised),var(--surface) 75%);color:var(--text);border-color:var(--border);overscroll-behavior:contain}
#palette-dialog>.eyebrow{margin:0;color:var(--gold)}
#palette-dialog h2{margin:15px 0 22px;font-size:29px;color:var(--text)}
.palette-current{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:15px 16px;border:1px solid var(--border);border-radius:13px;background:var(--inset);box-shadow:inset 0 2px 6px var(--shadow);font-size:11px;margin-bottom:20px}
.palette-current>span{color:var(--muted)}
.palette-current strong{font-size:12px;font-weight:650;color:var(--text)}
#palette-reset{margin-left:auto;color:var(--gold);font-size:11px;padding:5px 0;min-height:28px}
.palette-filters{display:grid;grid-template-columns:1.4fr 1fr;gap:15px}.palette-filters label{display:block;font-size:11px;color:var(--muted)}
.palette-filters input,.palette-filters select{margin-top:7px;display:block;box-sizing:border-box;height:43px;width:100%;border:1px solid var(--border);border-radius:10px;background:var(--inset);color:var(--text);padding:0 12px;font-size:12px;outline:none}
.palette-filters input::placeholder{color:var(--muted)}
.palette-filters input:focus,.palette-filters select:focus{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 20%,transparent)}
.palette-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0 15px}.palette-modes{display:flex;gap:3px;border:1px solid var(--border);border-radius:10px;padding:3px;background:var(--inset)}
.palette-modes button{font-size:11px;min-height:32px;padding:0 15px;border-radius:7px;color:var(--muted)}
.palette-modes button[aria-pressed=true]{background:var(--raised);color:var(--gold);box-shadow:inset 0 1px 0 var(--tone-fff1)}
#palette-result-count{font-size:10px;color:var(--muted);margin:0}
.palette-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.palette-option{display:block;position:relative;text-align:left;min-height:105px;padding:14px;border-radius:13px;border:1px solid var(--border);background:linear-gradient(145deg,var(--surface),var(--inset));box-shadow:inset 0 1px 0 var(--tone-fff1);color:var(--text)}
.palette-option:hover{border-color:var(--gold)}
.palette-option[aria-pressed=true]{border-color:var(--gold);box-shadow:inset 0 1px 0 var(--tone-fff1),0 0 0 1px color-mix(in srgb,var(--gold) 30%,transparent)}
.palette-option[aria-pressed=true]:after{content:"✓";position:absolute;right:13px;top:9px;font-size:14px;color:var(--gold)}
.palette-name{display:block;font-size:12px;font-weight:650;padding-right:20px;color:var(--text);line-height:1.5}.palette-category-label{display:block;font-size:9px;margin-top:3px;color:var(--muted);line-height:1.5}.palette-swatches{display:flex;gap:5px;margin-top:12px}.palette-swatch{height:12px;flex:1;border-radius:4px;border:1px solid var(--tone-ffffff20);box-shadow:inset 0 1px 0 var(--tone-ffffff18)}
.palette-status{margin-top:17px;font-size:11px;color:var(--gold);min-height:20px}
body.palette-custom{background:radial-gradient(ellipse at 90% 0%,color-mix(in srgb,var(--gold) 10%,transparent),transparent 65%),var(--bg);color:var(--text)}
body.palette-custom .surface{background:linear-gradient(150deg,var(--raised),var(--surface) 45%,var(--inset));border-color:var(--border);box-shadow:inset 0 1px 0 var(--tone-ffffff20),inset 0 -1px 0 var(--tone-00000012),0 12px 25px var(--shadow)}
body.palette-custom .header-wrap{background:linear-gradient(var(--bg),color-mix(in srgb,var(--bg) 85%,transparent) 78%,transparent)}
body.palette-custom .signature{background:radial-gradient(ellipse at 96% 97%,color-mix(in srgb,var(--gold) 10%,transparent),transparent 80%),linear-gradient(152deg,var(--raised),var(--surface) 55%,var(--inset))}
body.palette-custom .product-notes,body.palette-custom .cycle{background:linear-gradient(150deg,var(--surface),var(--inset))}
body.palette-custom h1,body.palette-custom h2,body.palette-custom h3,body.palette-custom .brand{color:var(--text)}
body.palette-custom p,body.palette-custom .header nav a,body.palette-custom .plain-button,body.palette-custom .footer nav{color:var(--muted)}
body.palette-custom h1>span:last-child,body.palette-custom .eyebrow,body.palette-custom .text-link,body.palette-custom .row-number,body.palette-custom .dialog-notice,body.palette-custom .theme-explanation{color:var(--gold)}
body.palette-custom .value-card h2,body.palette-custom .product-notes h3,body.palette-custom .synaptic-relief button{color:var(--text)}
body.palette-custom .gold-button,body.palette-custom .brand-icon{background:linear-gradient(125deg,var(--button-light),var(--button-bg) 48%,var(--button-shade));color:var(--ink);border-color:color-mix(in srgb,var(--button-bg) 70%,var(--ink));text-shadow:none;box-shadow:inset 0 1px 1px var(--tone-ffffff70),inset 0 -2px 3px var(--tone-00000020),0 7px 18px var(--shadow)}
body.palette-custom .brand-icon svg{stroke:var(--ink)}
body.palette-custom .soft-button,body.palette-custom .motion-toggle{background:linear-gradient(145deg,var(--raised),var(--surface));color:var(--gold);border-color:var(--border)}
body.palette-custom .synaptic-relief .relief-main{background:linear-gradient(145deg,var(--raised),var(--surface));border-top-color:color-mix(in srgb,var(--gold) 65%,var(--surface));border-left-color:var(--border);border-right-color:var(--inset);border-bottom-color:var(--inset);box-shadow:inset 2px 3px 1px var(--tone-ffffff35),inset -2px -4px 4px var(--tone-00000035),0 4px 0 var(--inset),0 7px 0 var(--border),0 15px 18px var(--shadow)}
body.palette-custom .synaptic-relief .relief-small{background:linear-gradient(150deg,var(--raised),var(--surface));box-shadow:inset 1px 2px 1px var(--tone-ffffff35),inset -1px -3px 3px var(--tone-00000025),0 3px 0 var(--inset),0 8px 15px var(--shadow)}
body.palette-custom .synaptic-relief .relief-logo,body.palette-custom .network-bed{background:linear-gradient(145deg,var(--inset),var(--surface));border-color:var(--border)}
body.palette-custom .synaptic-relief button[aria-pressed=true]{border-color:var(--gold)}
body.palette-custom .relief-underlay{background:var(--inset);border-color:var(--border)}
body.palette-custom .watermark,body.palette-custom .line-icon,body.palette-custom .step-icon,body.palette-custom .relief-logo svg,body.palette-custom .relief-small svg{stroke:var(--gold)}
body.palette-custom .faq details{background:linear-gradient(145deg,var(--inset),var(--surface));border-color:var(--border);box-shadow:inset 0 3px 9px var(--shadow),0 1px 0 var(--tone-ffffff20)}
body.palette-custom .faq details[open]{background:linear-gradient(145deg,var(--raised),var(--surface));border-color:var(--gold);box-shadow:inset 0 1px 0 var(--tone-ffffff30),0 7px 15px var(--shadow)}
body.palette-custom dialog{background:linear-gradient(150deg,var(--raised),var(--surface));border-color:var(--border);color:var(--text)}
body.palette-custom input,body.palette-custom .auth-tabs{background:var(--inset);color:var(--text);border-color:var(--border)}
body.palette-custom input::placeholder{color:var(--muted)}
body.palette-custom .auth-tabs button[aria-selected=true]{background:var(--raised);color:var(--gold)}
body.palette-custom form label,body.palette-custom .auth-switch,body.palette-custom .dialog-explanation{color:var(--muted)}
body.palette-custom .auth-switch button,body.palette-custom .dialog-close{color:var(--gold)}
body.palette-custom[data-palette-mode=light] h1,body.palette-custom[data-palette-mode=light] h2,body.palette-custom[data-palette-mode=light] h3,body.palette-custom[data-palette-mode=light] .relief-main{text-shadow:none}
@media(max-width:1150px) and (min-width:901px){.header nav{gap:10px;font-size:10px}.header{gap:13px}.account-actions{gap:8px}.palette-toggle{min-width:32px;min-height:37px}}
@media(max-width:620px){.palette-toggle{min-width:29px;min-height:35px;border-radius:9px}.palette-toggle svg{width:17px;height:18px}.header .brand{font-size:13px;gap:6px}.header .brand-icon{width:27px;height:30px}.account-actions{gap:6px}.account-actions .soft-button{padding:0 8px}.header{gap:8px}#palette-dialog{padding:27px 20px;max-height:calc(100dvh - 28px);width:calc(100% - 24px)}#palette-dialog h2{font-size:26px;margin-bottom:20px}.palette-current{gap:8px;padding:12px;font-size:10px}.palette-current strong{font-size:11px}.palette-current>span{flex-basis:100%}#palette-reset{font-size:10px}.palette-filters{grid-template-columns:1fr;gap:12px}.palette-toolbar{gap:8px;margin:16px 0 13px}.palette-modes button{padding:0 12px;font-size:10px}#palette-result-count{font-size:9px}.palette-list{gap:10px}.palette-option{padding:11px;min-height:112px}.palette-name{font-size:11px;padding-right:12px}.palette-category-label{font-size:8px}.palette-option[aria-pressed=true]:after{right:8px;top:8px;font-size:12px}.palette-swatches{gap:3px;margin-top:11px}.palette-swatch{height:12px}.palette-status{font-size:10px}}

/* Exact Champagne defaults; derived per selected source palette. */
:root{--tone-000:#000;--tone-00000012:#00000012;--tone-00000020:#00000020;--tone-00000025:#00000025;--tone-00000035:#00000035;--tone-0003:#0003;--tone-0004:#0004;--tone-0005:#0005;--tone-0006:#0006;--tone-0007:#0007;--tone-0008:#0008;--tone-0009:#0009;--tone-000a:#000a;--tone-03050a:#03050a;--tone-03050a30:#03050a30;--tone-06080bcf:#06080bcf;--tone-0b0d10:#0b0d10;--tone-0c0e1000:#0c0e1000;--tone-0c0e10c9:#0c0e10c9;--tone-0c0e10f5:#0c0e10f5;--tone-0d0f12:#0d0f12;--tone-100f0d:#100f0d;--tone-101114:#101114;--tone-101216:#101216;--tone-111317:#111317;--tone-111318:#111318;--tone-111418:#111418;--tone-121418:#121418;--tone-12151a:#12151a;--tone-131519:#131519;--tone-14161a:#14161a;--tone-14171b:#14171b;--tone-15171c80:#15171c80;--tone-16181b:#16181b;--tone-171716:#171716;--tone-17191d:#17191d;--tone-171a1e:#171a1e;--tone-181817:#181817;--tone-181b1d:#181b1d;--tone-181b1f:#181b1f;--tone-19191b:#19191b;--tone-191b1f:#191b1f;--tone-191b20:#191b20;--tone-1a1b1d:#1a1b1d;--tone-1a1c20:#1a1c20;--tone-1b1c20:#1b1c20;--tone-1b1d21:#1b1d21;--tone-1b1e21:#1b1e21;--tone-1d2023:#1d2023;--tone-202125:#202125;--tone-202224:#202224;--tone-202226:#202226;--tone-202328:#202328;--tone-22211e:#22211e;--tone-222321:#222321;--tone-222322:#222322;--tone-222528:#222528;--tone-232529:#232529;--tone-242322:#242322;--tone-242524:#242524;--tone-242529:#242529;--tone-252627:#252627;--tone-25272b:#25272b;--tone-26282c:#26282c;--tone-272727:#272727;--tone-27282750:#27282750;--tone-27282c:#27282c;--tone-292216:#292216;--tone-292a2e:#292a2e;--tone-292b2d:#292b2d;--tone-292b2f:#292b2f;--tone-2a251d:#2a251d;--tone-2a2b2e:#2a2b2e;--tone-2a2b2f:#2a2b2f;--tone-2c2c2b:#2c2c2b;--tone-2c2d30:#2c2d30;--tone-302e28:#302e28;--tone-303136:#303136;--tone-313238:#313238;--tone-353538:#353538;--tone-393731:#393731;--tone-393a3655:#393a3655;--tone-3b3428:#3b3428;--tone-3c372c:#3c372c;--tone-3d3629:#3d3629;--tone-3d382e:#3d382e;--tone-3e3321:#3e3321;--tone-403729:#403729;--tone-414145:#414145;--tone-544d40:#544d40;--tone-5c554233:#5c554233;--tone-5f584a80:#5f584a80;--tone-6a5f422b:#6a5f422b;--tone-6b60454a:#6b60454a;--tone-74613d36:#74613d36;--tone-76532240:#76532240;--tone-77674776:#77674776;--tone-796b495c:#796b495c;--tone-88714755:#88714755;--tone-8b8b8e:#8b8b8e;--tone-939391:#939391;--tone-96856873:#96856873;--tone-98958e:#98958e;--tone-9c8f76:#9c8f76;--tone-9c9c99:#9c9c99;--tone-9d875531:#9d875531;--tone-9e855844:#9e855844;--tone-9f885033:#9f885033;--tone-a08b5933:#a08b5933;--tone-a18a554d:#a18a554d;--tone-a38e69:#a38e69;--tone-a5844315:#a5844315;--tone-a59d8f:#a59d8f;--tone-a7a49e:#a7a49e;--tone-a8915e75:#a8915e75;--tone-a98a4620:#a98a4620;--tone-b0ada8:#b0ada8;--tone-b0afb1:#b0afb1;--tone-b3b0ae:#b3b0ae;--tone-b48f4e28:#b48f4e28;--tone-b4965c6b:#b4965c6b;--tone-b4ab9c:#b4ab9c;--tone-b58a50:#b58a50;--tone-b59b6526:#b59b6526;--tone-b5b2ac:#b5b2ac;--tone-b6914f15:#b6914f15;--tone-b6995d06:#b6995d06;--tone-b6995d15:#b6995d15;--tone-b6995d33:#b6995d33;--tone-b7a17b:#b7a17b;--tone-b8995e66:#b8995e66;--tone-b89a6650:#b89a6650;--tone-b8b5ac:#b8b5ac;--tone-b99b5612:#b99b5612;--tone-b99d6f:#b99d6f;--tone-ba8e52:#ba8e52;--tone-ba9c5c15:#ba9c5c15;--tone-ba9e69:#ba9e69;--tone-bab4a9:#bab4a9;--tone-bb965430:#bb965430;--tone-bba171:#bba171;--tone-bca16a:#bca16a;--tone-bcb6a8:#bcb6a8;--tone-bd884b17:#bd884b17;--tone-bd9b5630:#bd9b5630;--tone-bd9b5650:#bd9b5650;--tone-bd9c5826:#bd9c5826;--tone-bd9c5840:#bd9c5840;--tone-bd9d65:#bd9d65;--tone-bda16b2e:#bda16b2e;--tone-bda2695e:#bda2695e;--tone-bda4650a:#bda4650a;--tone-bdb4a4:#bdb4a4;--tone-bea26960:#bea26960;--tone-bfa87a66:#bfa87a66;--tone-c0995020:#c0995020;--tone-c0a36712:#c0a36712;--tone-c0ac793d:#c0ac793d;--tone-c1c0c0:#c1c0c0;--tone-c2a5720c:#c2a5720c;--tone-c39b5528:#c39b5528;--tone-c3ad7510:#c3ad7510;--tone-c3ad7515:#c3ad7515;--tone-c5a56207:#c5a56207;--tone-c5a5620a:#c5a5620a;--tone-c5aa691c:#c5aa691c;--tone-c5aa6924:#c5aa6924;--tone-c5ad7c:#c5ad7c;--tone-c6a86c0a:#c6a86c0a;--tone-c6a96955:#c6a96955;--tone-c7a56626:#c7a56626;--tone-c7ae7a75:#c7ae7a75;--tone-c7c3ba:#c7c3ba;--tone-c8ab7710:#c8ab7710;--tone-c8b58e:#c8b58e;--tone-c9af7533:#c9af7533;--tone-c9b17f:#c9b17f;--tone-c9c7c2:#c9c7c2;--tone-caa15b17:#caa15b17;--tone-cfb582:#cfb582;--tone-d0ad7306:#d0ad7306;--tone-d0b57e1f:#d0b57e1f;--tone-d0bb8566:#d0bb8566;--tone-d3ae6c12:#d3ae6c12;--tone-d3b47b0b:#d3b47b0b;--tone-d3c4a061:#d3c4a061;--tone-d4b37d0b:#d4b37d0b;--tone-d4b987:#d4b987;--tone-d5b47e:#d5b47e;--tone-d5c8af:#d5c8af;--tone-d6aa5623:#d6aa5623;--tone-d6c18c60:#d6c18c60;--tone-d6c3a1:#d6c3a1;--tone-d7b079:#d7b079;--tone-d7b07930:#d7b07930;--tone-d7c5a4:#d7c5a4;--tone-d8b16e14:#d8b16e14;--tone-d8b16e27:#d8b16e27;--tone-d8b57813:#d8b57813;--tone-d8b77f66:#d8b77f66;--tone-d8c8a7:#d8c8a7;--tone-d9b67a13:#d9b67a13;--tone-d9b8780b:#d9b8780b;--tone-dac39155:#dac39155;--tone-dcb87e:#dcb87e;--tone-dec395:#dec395;--tone-dfb56930:#dfb56930;--tone-e0b66a38:#e0b66a38;--tone-e0bb7e:#e0bb7e;--tone-e0bb7f:#e0bb7f;--tone-e0c28c20:#e0c28c20;--tone-e2c59718:#e2c59718;--tone-e2c59775:#e2c59775;--tone-e3c78c0a:#e3c78c0a;--tone-e4c69710:#e4c69710;--tone-e4d8bd02:#e4d8bd02;--tone-e6c78a04:#e6c78a04;--tone-e6c78a1c:#e6c78a1c;--tone-e6d1a307:#e6d1a307;--tone-e7d1ab:#e7d1ab;--tone-e8cb9430:#e8cb9430;--tone-e8d6b4:#e8d6b4;--tone-e8e3da:#e8e3da;--tone-e9c784a0:#e9c784a0;--tone-e9cd961b:#e9cd961b;--tone-e9d4a41c:#e9d4a41c;--tone-e9ddc6:#e9ddc6;--tone-ebcc91:#ebcc91;--tone-ecd5a92e:#ecd5a92e;--tone-edc27d70:#edc27d70;--tone-edc47d75:#edc47d75;--tone-edce9c:#edce9c;--tone-efcb83:#efcb83;--tone-efd09b:#efd09b;--tone-f0cf8610:#f0cf8610;--tone-f0d3a3:#f0d3a3;--tone-f0d5a1:#f0d5a1;--tone-f0d7a7:#f0d7a7;--tone-f0d7a8:#f0d7a8;--tone-f0dfbf:#f0dfbf;--tone-f1d7a8:#f1d7a8;--tone-f1d7a829:#f1d7a829;--tone-f1f0ec:#f1f0ec;--tone-f3cb6b15:#f3cb6b15;--tone-f4ddb618:#f4ddb618;--tone-f4e7ce03:#f4e7ce03;--tone-f5d79d:#f5d79d;--tone-f5d9a673:#f5d9a673;--tone-f5dab484:#f5dab484;--tone-f5e7ca:#f5e7ca;--tone-f6d99e99:#f6d99e99;--tone-f6daa7:#f6daa7;--tone-f6e7c421:#f6e7c421;--tone-f7dca9:#f7dca9;--tone-f8dba7:#f8dba7;--tone-f8dda6:#f8dda6;--tone-f8e2bd:#f8e2bd;--tone-ffe4ad:#ffe4ad;--tone-fff:#fff;--tone-fff0d91b:#fff0d91b;--tone-fff1:#fff1;--tone-fff2:#fff2;--tone-fff3:#fff3;--tone-fff5:#fff5;--tone-fff7:#fff7;--tone-fff8:#fff8;--tone-fff9:#fff9;--tone-ffffff05:#ffffff05;--tone-ffffff09:#ffffff09;--tone-ffffff10:#ffffff10;--tone-ffffff17:#ffffff17;--tone-ffffff18:#ffffff18;--tone-ffffff20:#ffffff20;--tone-ffffff24:#ffffff24;--tone-ffffff26:#ffffff26;--tone-ffffff30:#ffffff30;--tone-ffffff35:#ffffff35;--tone-ffffff70:#ffffff70;}



/* Source: demo-effects.css — original cascade order */

/* Isolated experiment layer. No base stylesheet or application changes. */
.demo-impulse-path{fill:none;stroke:var(--light);stroke-width:2.8;stroke-linecap:round;opacity:0;pointer-events:none;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--gold) 35%,transparent))}
.demo-impulse-hub{fill:none;stroke:var(--light);stroke-width:1;opacity:0;pointer-events:none}
.demo-geometry{display:contents}
body[data-demo-depth=on] .demo-geometry{position:absolute;display:block;right:12px;bottom:24px;width:86px;height:86px;pointer-events:none;transform:translate3d(var(--demo-geometry-x,0px),var(--demo-geometry-y,0px),0);transition:transform .45s cubic-bezier(.2,.65,.25,1);isolation:isolate}
body[data-demo-depth=on] .demo-geometry>.watermark{position:relative;display:block;right:auto;bottom:auto;width:100%;height:100%}
body[data-demo-depth=on] .demo-geometry:after{content:"";position:absolute;inset:3px;border-radius:14px;pointer-events:none;background:linear-gradient(145deg,color-mix(in srgb,var(--text) 4%,transparent),transparent 43%,color-mix(in srgb,var(--gold) 4%,transparent));box-shadow:inset 2px 2px 6px color-mix(in srgb,var(--inset) 55%,transparent),inset -1px -1px 0 color-mix(in srgb,var(--text) 4%,transparent);opacity:.85;z-index:2}


.demo-bowtie{display:none}
body[data-demo-metal=on] .demo-bowtie{display:block;position:absolute;inset:-50% -25%;z-index:1;pointer-events:none;background:conic-gradient(from 0deg at 66% 50%,transparent 0deg,transparent 36deg,color-mix(in srgb,var(--light) 4%,transparent) 46deg,color-mix(in srgb,var(--gold) 12%,transparent) 66deg,transparent 89deg,transparent 216deg,color-mix(in srgb,var(--light) 4%,transparent) 226deg,color-mix(in srgb,var(--gold) 12%,transparent) 246deg,transparent 269deg,transparent 360deg);transform:rotate(var(--demo-bowtie-angle,-7deg));transform-origin:66% 50%;transition:transform 1.1s cubic-bezier(.2,.6,.25,1);mix-blend-mode:screen;opacity:.85}
body[data-demo-metal=on][data-palette-mode=light] .demo-bowtie{mix-blend-mode:multiply;opacity:.55}
body[data-demo-metal=on] .hero-satin-polish{opacity:0!important;animation:none!important}
body[data-demo-metal=on] .hero-light{opacity:.17!important}
.demo-step-trigger{display:none}
body[data-demo-flow=on] .inset-medal{position:relative}
body[data-demo-flow=on] .demo-step-trigger{display:block;position:absolute;inset:0;border-radius:inherit;background:none;padding:0;cursor:pointer;color:var(--gold)}
body[data-demo-flow=on] .demo-cycle-trigger{inset:auto;left:7px;top:50%;transform:translateY(-50%);width:28px;height:35px;border-radius:8px}
body[data-demo-flow=on] .demo-step-trigger:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
body[data-demo-flow=on] .demo-step-active .inset-medal{color:var(--light);border-color:color-mix(in srgb,var(--gold) 55%,var(--surface));box-shadow:inset 0 2px 6px color-mix(in srgb,var(--inset) 70%,transparent),0 0 0 1px color-mix(in srgb,var(--gold) 14%,transparent)}
body[data-demo-flow=on] .demo-cycle-active{border-color:var(--gold)}
body[data-demo-flow=on] .demo-cycle-active>span{color:var(--light)}
.demo-support-indicator,.demo-support-pulse,.demo-cycle-guide{display:none;pointer-events:none}
body[data-demo-flow=on] .demo-support-indicator{display:block;position:absolute;width:14px;height:5px;left:0;top:-2px;border-radius:4px;background:var(--light);box-shadow:0 0 7px color-mix(in srgb,var(--gold) 25%,transparent);transform:translateX(var(--demo-support-x,0px));transition:transform .55s cubic-bezier(.2,.75,.25,1)}
body[data-demo-flow=on] .demo-support-pulse{display:block;position:absolute;width:28px;height:3px;left:0;top:-1px;opacity:0;background:linear-gradient(90deg,transparent,var(--light),transparent)}
body[data-demo-flow=on] .demo-cycle-guide{display:block;position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--gold);stroke-linecap:round;stroke-width:1;z-index:1}
.demo-cycle-track{opacity:.25}.demo-cycle-pulse{stroke:var(--light);stroke-width:1.7;opacity:0}
body[data-demo-focus=on][data-demo-focus-active=true][data-motion=on] .ambient-scene{opacity:.64;transition:opacity .65s ease}
body[data-demo-focus=on]:not([data-demo-focus-active=true]) .ambient-scene{transition:opacity .7s ease}
body[data-motion=off] .demo-bowtie{display:none}
body[data-motion=off] .demo-geometry{transform:none;transition:none}

body[data-motion=off] .demo-impulse-path,body[data-motion=off] .demo-impulse-hub,body[data-motion=off] .demo-support-pulse,body[data-motion=off] .demo-cycle-pulse{opacity:0!important}
body[data-motion=off] .demo-support-indicator{transition:none}
@media(max-width:620px){.demo-launcher{bottom:13px;right:14px;min-height:41px;padding:0 12px;font-size:11px;gap:7px}.demo-launcher svg{width:16px;height:17px}#demo-dialog{padding:29px 23px;max-height:calc(100dvh - 26px)}#demo-dialog h2{font-size:25px}.demo-dialog-intro{font-size:11px;margin-bottom:18px}.demo-switch{padding:12px;gap:12px}.demo-switch-copy strong{font-size:11px}.demo-switch-copy small{font-size:9px}.demo-actions button{font-size:10px}.demo-status{font-size:9px}body[data-demo-depth=on] .demo-geometry{width:75px;height:75px;right:10px;bottom:25px}body[data-demo-flow=on] .demo-cycle-trigger{left:8px}}

/* Development loop: stagger the two right-hand stages away from the hub. */
#gelisim .cycle{container-name:development-cycle;container-type:inline-size}
#gelisim .cycle-stage:nth-child(2){top:68px;right:8px;max-width:194px}
#gelisim .cycle-stage:nth-child(3){bottom:65px;right:26px;max-width:198px}
/* A narrow diagram needs corner spacing rather than an overflowing offset. */
@container development-cycle (max-width:430px){
  #gelisim .cycle-stage{width:calc(50% - 24px);max-width:none;min-height:56px;padding:13px 11px;font-size:11px;gap:8px}
  #gelisim .cycle-stage:nth-child(1){left:14px;top:24px}
  #gelisim .cycle-stage:nth-child(2){right:12px;top:44px}
  #gelisim .cycle-stage:nth-child(3){right:20px;bottom:48px}
  #gelisim .cycle-stage:nth-child(4){left:12px;bottom:24px}
}


/* Source: effect-lifecycle.css — original cascade order */

/* Pause the actual effect root, including its ::before / ::after timelines. */
[data-effect-paused=true],
[data-effect-paused=true] *,
[data-effect-paused=true]::before,[data-effect-paused=true]::after,
[data-effect-paused=true] *::before,[data-effect-paused=true] *::after,
[data-effect-occluded=true],
[data-effect-occluded=true] *,
[data-effect-occluded=true]::before,[data-effect-occluded=true]::after,
[data-effect-occluded=true] *::before,[data-effect-occluded=true] *::after{animation-play-state:paused!important}
/* Existing explicit-on animation shorthands are important; these intentionally
   match their specificity instead of silently losing the pause declaration. */
body[data-motion=on] .value-card[data-effect-paused=true]:nth-child(n) .watermark,
body[data-motion=on] .value-card:nth-child(n) [data-effect-occluded=true] .watermark,
body[data-motion=on] .value-card:nth-child(n) .watermark[data-effect-occluded=true],
body[data-motion=on] [data-effect-root=ambient][data-effect-paused=true] *{animation-play-state:paused!important}

/* Same radial highlight as the accepted full-surface gradient, now a static
   bounded texture translated underneath the host's existing clip. */
.beginning-band{overflow:clip}
.pointer-polish{inset:auto;left:0;top:0;width:560px;height:560px;border-radius:0;background:radial-gradient(430px circle at 280px 280px,var(--tone-f5d79d) 0%,transparent 65%)!important;transform:translate(calc(var(--polish-x,50%) - 280px),calc(var(--polish-y,0px) - 280px));transition:opacity .3s}
.hero>.pointer-polish{width:680px;height:680px;background:radial-gradient(500px circle at 340px 340px,var(--tone-ffe4ad) 0%,transparent 68%)!important;transform:translate(calc(var(--polish-x,50%) - 340px),calc(var(--polish-y,0px) - 340px))}


/* Landing appearance switch: theme-aware lamp, no demo affordances. */
.theme-toggle{display:inline-flex;align-items:center;gap:7px;min-height:39px;padding:0 12px;border:1px solid var(--border);background:linear-gradient(145deg,var(--raised),var(--surface));color:var(--gold);border-radius:11px;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 8%,transparent),0 3px 10px var(--shadow);font-size:11px;font-weight:700;white-space:nowrap;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.theme-toggle:hover{border-color:var(--gold);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 11%,transparent),0 5px 15px var(--shadow)}
.theme-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.theme-toggle-lamp{width:18px;height:18px;flex:0 0 auto;transition:transform .35s ease,filter .35s ease}
body[data-palette-mode=light] .theme-toggle-lamp{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--gold) 30%,transparent));transform:rotate(8deg)}
.theme-toggle-state{width:27px;height:16px;border:1px solid var(--border);border-radius:999px;background:var(--inset);padding:2px;display:inline-flex;align-items:center;flex:0 0 auto;box-shadow:inset 0 1px 3px var(--shadow)}
.theme-toggle-state i{display:block;width:10px;height:10px;background:var(--muted);border-radius:50%;box-shadow:0 1px 2px var(--shadow);transition:transform .22s ease,background .22s ease}
body[data-palette-mode=light] .theme-toggle-state i{transform:translateX(11px);background:var(--gold)}
@media(max-width:1150px){.theme-toggle{padding:0 9px;gap:5px}}
@media(max-width:760px){.theme-toggle{min-width:34px;min-height:36px;justify-content:center;padding:0 6px}.theme-toggle-label,.theme-toggle-state{display:none}}
@media(prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle-lamp,.theme-toggle-state i{transition:none}}
/* The light mode must not inherit dark-only background/fixed-effect blending. */
body[data-palette-mode=light] .pointer-polish{mix-blend-mode:multiply}
body[data-palette-mode=light] .ambient-aura{mix-blend-mode:multiply;opacity:.50}


/* PUBLIC OPENING — FULL-VIEWPORT COMPOSITION (V3) */
:root{--landing-header-height:96px;--opening-gap:clamp(9px,1.45vh,17px)}
/* Header takes its natural height; JS measures it for browser zoom and text scaling. */
.opening{min-height:calc(100vh - var(--landing-header-height));min-height:calc(100svh - var(--landing-header-height));padding-top:clamp(6px,1vh,14px);display:grid;grid-template-rows:minmax(0,1fr) auto;gap:var(--opening-gap)}
.opening>.hero{min-height:0;height:100%;padding-block:clamp(18px,3.2vh,56px)}
.opening>.value-strip{margin-top:0;gap:clamp(10px,1.4vw,20px)}
.opening .value-card{min-height:0;padding:clamp(12px,1.7vh,23px) clamp(15px,1.8vw,24px) clamp(14px,2vh,25px)}
.opening .value-card p{margin-top:clamp(6px,1vh,12px)}
.opening .hero h1{font-size:clamp(36px,3.1vw,58px);margin-top:clamp(12px,1.8vh,24px)}
.opening .hero-description{margin-top:clamp(12px,1.8vh,24px);font-size:clamp(13px,1.02vw,16px);line-height:1.64}
.opening .hero-actions{margin-top:clamp(14px,2.3vh,29px)}
.opening .relief{max-height:100%;height:min(390px,calc(100svh - var(--landing-header-height) - 208px));min-height:265px}
.opening .synaptic-relief{min-height:0}
/* On moderate-height desktop screens, use a condensed but fully visible composition. */
@media(min-width:901px) and (max-width:1179px) and (max-height:820px){
  .opening .hero{padding:clamp(16px,2.3vh,25px) clamp(24px,3vw,42px)}
  .opening .hero h1{font-size:clamp(34px,3.35vw,50px);letter-spacing:-2px}
  .opening .hero-description{line-height:1.52;font-size:clamp(12px,.97vw,15px)}
  .opening .hero-actions{margin-top:15px}
  .opening .hero-copy .small-note{margin-top:10px}
  .opening .relief{height:clamp(250px,42vh,350px)}
  .opening .value-card{padding-block:12px 16px}
  .opening .value-card p{line-height:1.55}
}
@media(min-width:621px) and (max-width:900px){
  .opening{grid-template-rows:auto auto;min-height:auto}
  .opening>.hero{height:auto;min-height:0}
  .opening .relief{height:310px;min-height:0}
}
@media(max-width:620px){
  :root{--landing-header-height:81px}
  .opening{display:block;padding-top:clamp(5px,1vh,10px);min-height:0}
  /* Only the complete signature hero occupies the mobile opening viewport. */
  .opening>.hero{height:calc(100vh - var(--landing-header-height) - 15px);height:calc(100svh - var(--landing-header-height) - 15px);min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(3px,1vh,11px);padding:clamp(16px,3vh,26px) clamp(17px,5vw,24px) clamp(12px,2vh,18px)}
  .opening .hero-copy{flex:0 0 auto}
  .opening .hero h1{font-size:clamp(28px,7.5vw,40px);letter-spacing:-1.45px;line-height:1.08;margin-top:clamp(7px,1.1vh,17px)}
  .opening .hero-description{font-size:clamp(11px,3vw,13.5px);line-height:1.52;margin-top:clamp(8px,1.4vh,18px)}
  .opening .hero-actions{margin-top:clamp(9px,1.6vh,19px);gap:9px 16px}
  .opening .hero-actions .gold-button{min-height:clamp(37px,5.2vh,45px)}
  .opening .hero-copy .small-note{margin-top:clamp(6px,1vh,11px);font-size:11px;line-height:1.35}
  .opening .synaptic-relief{width:100%;max-width:350px;flex:1 1 auto;height:auto;min-height:130px;margin:0 auto;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
  .opening .network-stage{width:100%;height:min(100%,235px);aspect-ratio:420 / 300;flex:0 1 auto;margin:0 auto}
  .opening .theme-explanation{font-size:11px;line-height:1.3;margin-top:4px}
  .opening>.value-strip{margin-top:14px;gap:12px}
  .opening .value-card{min-height:128px;padding:20px 23px 29px}
}
@media(max-width:620px) and (max-height:760px){
  .opening>.hero{padding-block:12px 10px}
  .opening .hero h1{font-size:clamp(26px,7vw,33px);margin-top:6px}
  .opening .hero-description{font-size:11.5px;line-height:1.42;margin-top:8px}
  .opening .hero-actions{margin-top:8px}
  .opening .hero-copy .small-note{display:none}
  .opening .synaptic-relief{min-height:100px}
  .opening .network-stage{height:min(100%,190px)}
  .opening .theme-explanation{font-size:10px;margin-top:2px}
}
@media(max-width:620px) and (max-height:610px){
  .opening .hero-description{font-size:10.5px;line-height:1.38}
  .opening .network-stage{height:min(100%,150px)}
  .opening .hero-actions .text-link{display:none}
}
/* Icon-only appearance toggle; control remains accessible via its aria-label. */
.theme-toggle{width:39px;min-width:39px;height:39px;min-height:39px;padding:0!important;display:inline-grid;place-items:center;gap:0}
.theme-toggle-lamp{width:20px;height:20px}
@media(max-width:620px){.theme-toggle{width:35px;min-width:35px;height:35px;min-height:35px}}


/* PUBLIC DESKTOP RATIO SYSTEM — V4
   Reference composition 1600×900.  Every CSS pixel, font, relief and spacing
   scales uniformly across 1366×768, 1600×900, 1920×1080 and matching ratios.
   Keep the narrow desktop / tablet and mobile layouts on their original breakpoints. */
@media screen and (min-width:1180px) {
  :root {
    --landing-design-scale: min(calc(100vw / 1600px), calc(100svh / 900px));
    --landing-header-height: 96px;
  }
  body { zoom: var(--landing-design-scale); }
  /* The viewport units are physical, while zoom scales CSS lengths.
     Divide the physical viewport by zoom to keep opening within one screen. */
  .opening {
    --opening-gap: 13px;
    min-height: calc(100svh / var(--landing-design-scale) - var(--landing-header-height));
    padding-top: 10px;
  }
  .opening > .hero { padding: 29px 40px; }
  .opening > .value-strip { gap: 20px; }
  .opening .value-card { padding: 16px 22px 19px; }
  .opening .value-card p { margin-top: 9px; }
  .opening .hero h1 { font-size: 49.6px; margin-top: 17px; letter-spacing: -2.7px; }
  .opening .hero-description { margin-top: 17px; font-size: 15.5px; line-height: 1.62; }
  .opening .hero-actions { margin-top: 21px; }
  .opening .relief { height: 390px; min-height: 0; max-height: 100%; }
}
/* Place the register text exactly in the visual center, without affecting hit area. */
.account-actions .soft-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  white-space: nowrap;
}


/* V5 — Panel-derived optical depth: self-contained, public landing only.
   Palette-aware; no images, remote assets or separate JS/CSS requests. */
.ambient-scene > .signature-atmosphere-canvas {
  position:absolute; inset:0; z-index:2; display:block;
  width:100%; height:100%; pointer-events:none;
  opacity:.94; mix-blend-mode:screen;
}
body[data-palette-mode="light"] .ambient-scene > .signature-atmosphere-canvas {
  opacity:.54; mix-blend-mode:multiply;
}
.hero.signature { position:relative; }
.hero.signature > .signature-optics {
  position:absolute; inset:0; z-index:0; overflow:hidden;
  border-radius:inherit; pointer-events:none;
  background:
    radial-gradient(ellipse 49% 62% at 91% 67%, color-mix(in srgb, var(--gold) 13%, transparent),transparent 80%),
    radial-gradient(ellipse 45% 40% at 15% -5%,color-mix(in srgb,var(--light) 7%,transparent),transparent 80%),
    linear-gradient(114deg,transparent 35%,color-mix(in srgb,var(--gold) 2.3%,transparent) 48%,transparent 71%);
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--light) 22%,transparent),
             inset 0 -1px 0 color-mix(in srgb,var(--gold) 13%,transparent);
}
.hero.signature > .signature-optics::before {
  content:"";position:absolute;inset:-55% -90%;pointer-events:none;
  background:linear-gradient(112deg,
    transparent 39%,color-mix(in srgb,var(--light) 2%,transparent) 44%,
    color-mix(in srgb,var(--light) 12%,transparent) 48.2%,
    color-mix(in srgb,var(--gold) 5%,transparent) 51%,transparent 57%);
  mix-blend-mode:screen;transform:translateX(-25%);
  animation:signature-sweep 19s ease-in-out infinite;
}
.hero.signature > .signature-optics::after {
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(490px circle at var(--polish-x,70%) var(--polish-y,38%),
    color-mix(in srgb,var(--light) 9%,transparent),
    color-mix(in srgb,var(--gold) 3%,transparent) 26%,transparent 70%);
  opacity:0; transition:opacity .4s ease;
}
.hero.signature.polish-active > .signature-optics::after {opacity:1;}
.hero.signature > .signature-beam {
  position:absolute;top:0;left:-10%;width:40%;height:1px;z-index:5;
  pointer-events:none;opacity:0;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold) 40%,transparent) 40%,
    color-mix(in srgb,var(--light) 95%,transparent) 65%,transparent);
  box-shadow:0 0 9px 1px color-mix(in srgb,var(--gold) 26%,transparent);
  animation:signature-beam 12s ease-in-out infinite;
}
.hero.signature > .signature-edgepoint {
  position:absolute;right:14px;top:14px;z-index:5;width:4px;height:4px;border-radius:50%;
  pointer-events:none;background:var(--light);
  box-shadow:0 0 8px 2px color-mix(in srgb,var(--light) 30%,transparent),
    0 0 23px 6px color-mix(in srgb,var(--gold) 14%,transparent);
  animation:signature-glint-breathe 10s ease-in-out infinite;
}
.hero.signature > .hero-copy,.hero.signature > .relief{position:relative;z-index:2;}
.hero.signature > .engraving{z-index:3;}
/* Keep geometric line art and content above the surface optics. */




body[data-palette-mode="light"] .hero.signature > .signature-optics::before{mix-blend-mode:multiply;opacity:.28;}
body[data-palette-mode="light"] .hero.signature > .signature-optics::after{opacity:0;}
body[data-palette-mode="light"] .hero.signature.polish-active > .signature-optics::after{opacity:.33;}
@keyframes signature-sweep{
  0%,19%{transform:translateX(-45%);opacity:0;}
  35%,62%{opacity:1;}
  83%,100%{transform:translateX(48%);opacity:0;}
}
@keyframes signature-beam{
  0%,13%{transform:translateX(0);opacity:0;}
  22%{opacity:.8;} 69%{opacity:.65;}
  86%,100%{transform:translateX(350%);opacity:0;}
}
@keyframes signature-glint-breathe{0%,100%{opacity:.16}45%{opacity:.76}62%{opacity:.45}}

@media (hover:none), (pointer:coarse){
  .hero.signature > .signature-optics::after{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .hero.signature > .signature-optics::before,
.hero.signature > .signature-beam,
.hero.signature > .signature-edgepoint{animation:none!important;}
  .hero.signature > .signature-edgepoint{opacity:.24;}
  .hero.signature > .signature-beam{opacity:.2;}
}

.hero.signature > .signature-optics > .signature-hero-stardust{
  position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;
  opacity:.90;mix-blend-mode:screen;
}
body[data-palette-mode="light"] .hero.signature > .signature-optics > .signature-hero-stardust{
  opacity:.50;mix-blend-mode:multiply;
}


/* V6 — Optical Fidelity / panel-derived hero and depth composition.
   This block only changes public landing visuals, never layout geometry. */
:root{
  --signature-spectrum:var(--gold);
  --signature-glow:var(--light);
}
/* The panel's depth depends on a near plane, not just gradient color. */
.ambient-scene > .signature-atmosphere-canvas{
  opacity:1;filter:contrast(1.09) saturate(1.12);
}
.ambient-scene{
  background:
    radial-gradient(ellipse 58% 75% at 82% 38%,color-mix(in srgb,var(--gold) 10%,transparent),transparent 86%),
    radial-gradient(ellipse 40% 68% at 9% 56%,color-mix(in srgb,var(--gold) 5%,transparent),transparent 85%),
    linear-gradient(168deg,#0a0b0e 2%,#080a0d 49%,#0c1015 100%);
}
.hero.signature.surface{
  background:
    linear-gradient(115deg,rgba(255,255,255,.046),transparent 32%,rgba(255,255,255,.015) 68%,transparent),
    radial-gradient(ellipse 46% 76% at 93% 83%,color-mix(in srgb,var(--gold) 17%,transparent),transparent 87%),
    radial-gradient(ellipse 42% 66% at 14% -15%,rgba(219,218,209,.07),transparent 81%),
    linear-gradient(154deg,#25272c 0%,#171a20 35%,#12161c 75%,#252423 100%);
  border-color:color-mix(in srgb,var(--light) 23%,transparent);
  box-shadow:0 21px 60px rgba(0,0,0,.44),0 4px 15px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,247,227,.105),inset 0 -1px 0 rgba(255,224,176,.09);
}
.hero.signature > .signature-optics{
  background:
    radial-gradient(ellipse 56% 78% at 87% 60%,color-mix(in srgb,var(--gold) 13%,transparent),transparent 83%),
    radial-gradient(ellipse 36% 54% at 36% 110%,color-mix(in srgb,var(--light) 4%,transparent),transparent 75%),
    linear-gradient(112deg,rgba(255,255,255,.017),transparent 30%,rgba(255,255,255,.035) 60%,transparent 72%);
  box-shadow:inset 0 1px 0 rgba(255,245,218,.22),inset 1px 0 0 rgba(255,255,255,.025),
    inset 0 -1px 0 color-mix(in srgb,var(--gold) 21%,transparent);
}
.hero.signature > .signature-optics::before{
  background:linear-gradient(108deg,
    transparent 36%,rgba(255,255,255,.006) 43%,
    color-mix(in srgb,var(--light) 11%,transparent) 48%,
    rgba(255,255,255,.10) 49.8%,color-mix(in srgb,var(--gold) 8%,transparent) 52%,transparent 59%);
  animation-duration:16s;
}
.hero.signature > .signature-optics::after{
  background:radial-gradient(570px circle at var(--signature-pointer-x,68%) var(--signature-pointer-y,41%),
     rgba(255,254,236,.07) 0%,color-mix(in srgb,var(--light) 14%,transparent) 18%,
     color-mix(in srgb,var(--gold) 6%,transparent) 40%,transparent 75%);
  opacity:.40;
}
.hero.signature.polish-active > .signature-optics::after{opacity:.92;}
.hero.signature > .signature-optical-rim{
  position:absolute;inset:0;border-radius:inherit;padding:1.25px;z-index:5;
  pointer-events:none;opacity:.85;
  background:
    radial-gradient(ellipse 360px 275px at var(--signature-pointer-x,78%) var(--signature-pointer-y,3%),
      rgba(255,255,255,.96) 0%,color-mix(in srgb,var(--light) 92%,transparent) 10%,
      color-mix(in srgb,var(--gold) 38%,transparent) 30%,transparent 76%),
    linear-gradient(115deg,color-mix(in srgb,var(--gold) 26%,transparent),transparent 36%,rgba(255,255,255,.06) 82%,color-mix(in srgb,var(--gold) 23%,transparent));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  filter:drop-shadow(0 0 7px color-mix(in srgb,var(--gold) 24%,transparent));
}
.hero.signature > .signature-optical-flare{
  position:absolute;top:1px;left:var(--signature-pointer-x,77%);width:135px;height:3px;
  transform:translate(-50%,-50%);z-index:5;pointer-events:none;opacity:.76;
  border-radius:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--light) 36%,transparent),
    rgba(255,255,255,.96),color-mix(in srgb,var(--gold) 32%,transparent),transparent);
  box-shadow:0 0 10px color-mix(in srgb,var(--light) 30%,transparent),
    0 0 21px color-mix(in srgb,var(--gold) 14%,transparent);
}
.hero.signature > .signature-optics > .signature-precision-grid{
  position:absolute;inset:-13% -5% -10% 49%;pointer-events:none;opacity:.54;
  background:
    radial-gradient(circle at 51% 49%,transparent 22%,color-mix(in srgb,var(--gold) 12%,transparent) 22.13%,transparent 22.36%,transparent 34%,color-mix(in srgb,var(--gold) 9%,transparent) 34.13%,transparent 34.4%,transparent 47%,color-mix(in srgb,var(--gold) 7%,transparent) 47.13%,transparent 47.5%),
    linear-gradient(90deg,color-mix(in srgb,var(--gold) 8%,transparent) 1px,transparent 1px),
    linear-gradient(color-mix(in srgb,var(--gold) 8%,transparent) 1px,transparent 1px);
  background-size:100% 100%,42px 42px,42px 42px;
  -webkit-mask-image:radial-gradient(ellipse at 58% 52%,#000 5%,transparent 74%);
  mask-image:radial-gradient(ellipse at 58% 52%,#000 5%,transparent 74%);
  animation:signature-grid-drift 29s linear infinite;
}
.hero.signature > .signature-optics > .signature-scan-ray{
  position:absolute;inset:-70% -62%;pointer-events:none;opacity:.40;
  background:linear-gradient(108deg,transparent 47.1%,color-mix(in srgb,var(--gold) 3%,transparent) 48.4%,
    color-mix(in srgb,var(--light) 19%,transparent) 49.7%,rgba(255,255,255,.055) 50%,
    color-mix(in srgb,var(--gold) 6%,transparent) 51.2%,transparent 52.4%);
  animation:signature-scan-travel 14s ease-in-out infinite;
}
.hero.signature > .signature-optics > .signature-hero-stardust{
  opacity:1;mix-blend-mode:screen;
}
.hero.signature > .signature-hero-front{
  position:absolute;inset:0;width:100%;height:100%;pointer-events:none;
  border-radius:inherit;z-index:4;opacity:.67;mix-blend-mode:screen;
}
/* Metallic bevel and optical room light for the real controls on the right. */
.hero.signature .network-stage{
  box-shadow:inset 0 2px 1px rgba(255,255,255,.05),
    inset 0 -2px 7px rgba(0,0,0,.27),0 17px 29px rgba(0,0,0,.27),
    0 0 27px color-mix(in srgb,var(--gold) 7%,transparent);
}
.hero.signature .relief-main{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 color-mix(in srgb,var(--gold) 22%,transparent),
    0 23px 30px rgba(0,0,0,.51),0 0 20px color-mix(in srgb,var(--gold) 9%,transparent);
}
.hero.signature .relief-small{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -2px 0 rgba(0,0,0,.36),0 15px 22px rgba(0,0,0,.44);
}
.hero.signature .network-ports circle{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--gold) 40%,transparent));}
.value-card.surface{
  box-shadow:inset 0 1px 0 rgba(255,247,225,.10),0 12px 29px rgba(0,0,0,.33),
    0 1px 3px rgba(0,0,0,.23);
}

/* Theme-matched glass, not a permanent dark overlay when daytime is selected. */
body[data-palette-mode="light"] .ambient-scene{
  background:radial-gradient(ellipse 62% 68% at 78% 32%,rgba(181,139,73,.075),transparent 83%),
    linear-gradient(160deg,#f7f3eb,#efe9df 59%,#f9f5ee);
}
body[data-palette-mode="light"] .hero.signature.surface{
  background:
    linear-gradient(115deg,rgba(255,255,255,.85),rgba(255,255,255,.24) 39%,rgba(255,255,255,.45) 72%),
    radial-gradient(ellipse 48% 77% at 90% 68%,rgba(185,141,75,.085),transparent 86%),
    linear-gradient(145deg,#f4efe7,#e6dfd6 69%,#f8f4ed);
  border-color:rgba(117,83,40,.19);
  box-shadow:0 19px 42px rgba(80,57,28,.12),inset 0 1px 0 rgba(255,255,255,.9);
}
body[data-palette-mode="light"] .hero.signature > .signature-optics::after{opacity:.13;}
body[data-palette-mode="light"] .hero.signature.polish-active > .signature-optics::after{opacity:.32;}
body[data-palette-mode="light"] .hero.signature > .signature-hero-front{mix-blend-mode:multiply;opacity:.32;}
body[data-palette-mode="light"] .hero.signature > .signature-optical-flare{opacity:.4;}
body[data-palette-mode="light"] .hero.signature > .signature-optics > .signature-precision-grid{opacity:.24;}
body[data-palette-mode="light"] .hero.signature > .signature-optics > .signature-hero-stardust{mix-blend-mode:multiply;opacity:.48;}
@keyframes signature-grid-drift{
  0%{transform:translate3d(0,0,0) rotate(0deg)}
  50%{transform:translate3d(-6px,9px,0) rotate(1.8deg)}
  100%{transform:translate3d(0,0,0) rotate(0deg)}
}
@keyframes signature-scan-travel{
  0%,14%{transform:translateX(-38%);opacity:0}
  37%{opacity:.6}
  65%{opacity:.75}
  90%,100%{transform:translateX(37%);opacity:0}
}
@media(max-width:620px){
  .hero.signature > .signature-optics > .signature-precision-grid{inset:-7% -15% -5% 20%;opacity:.26}
  .hero.signature > .signature-hero-front{opacity:.35}
  .hero.signature > .signature-optical-flare{width:65px;opacity:.38}
  .ambient-scene > .signature-atmosphere-canvas{opacity:.7}
}
@media(prefers-reduced-motion:reduce){
 .hero.signature > .signature-optics > .signature-scan-ray,
 .hero.signature > .signature-optics > .signature-precision-grid{animation:none!important;}
}


/* V7 — Public optical refinement: source style = post-login metric/clearcoat system.
   The three nodes remain interactive; their old network platform and cabling do not. */
.hero.signature .network-stage{
  background:transparent;border:0;box-shadow:none;filter:none;
  isolation:isolate;
}
.hero.signature .network-bed,
.hero.signature .synapse-routes{display:none!important;}
/* Remove hard horizontal stage/optical strokes. The moving polish is diagonal. */
.hero.signature > .signature-optical-flare,
.hero.signature > .signature-beam{display:none!important;}
/* Perspective stays but no continuous horizontal horizon/grid stripe crosses opening. */
.ambient-scene .depth-grid,
.ambient-scene .ambient-grid{
  background-image:linear-gradient(90deg,color-mix(in srgb,var(--gold) 11%,transparent) 1px,transparent 1px);
}
/* Floating mechanical buttons with independent support; no surrounding faux stage. */
.hero.signature .relief-main{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -2px 0 rgba(0,0,0,.44),
    0 5px 0 rgba(12,14,17,.46),0 15px 29px rgba(0,0,0,.42),
    0 0 32px color-mix(in srgb,var(--gold) 13%,transparent);
}
.hero.signature .relief-small{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.19),
    inset 0 -2px 0 rgba(0,0,0,.39),
    0 4px 0 rgba(10,12,15,.36),0 14px 24px rgba(0,0,0,.33);
}
/* Real clearcoat from the panel's signature surface: stationary top coat,
   a grazing-light edge and a slow optical reflection separate from pointer glow. */
.hero.signature > .landing-clearcoat{
  position:absolute;inset:0;display:block;overflow:hidden;border-radius:inherit;
  pointer-events:none;z-index:1;isolation:isolate;
  background:
    radial-gradient(ellipse 61% 101% at 11% -52%,rgba(255,255,255,.20),rgba(255,255,255,.040) 42%,transparent 76%),
    radial-gradient(ellipse 48% 85% at 96% 104%,color-mix(in srgb,var(--gold) 11%,transparent),transparent 86%),
    linear-gradient(122deg,rgba(255,255,255,.065),rgba(255,255,255,.008) 37%,transparent 53%,rgba(255,255,255,.042) 100%);
}
.hero.signature > .landing-clearcoat::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.27),inset 1px 0 0 rgba(255,255,255,.065),
    inset 0 -1px 0 rgba(0,0,0,.32),inset -1px 0 0 color-mix(in srgb,var(--gold) 11%,transparent);
  background:linear-gradient(111deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.027) 11%,transparent 36%) left top/48% 70% no-repeat;
}
.hero.signature > .landing-clearcoat::after{
  content:"";position:absolute;inset:-22% auto -22% 0;width:53%;height:144%;
  background:linear-gradient(108deg,transparent 23%,rgba(255,255,255,.015) 36%,
    rgba(255,255,255,.075) 43%,rgba(255,255,255,.22) 47.5%,
    rgba(255,255,255,.43) 49.4%,rgba(255,255,255,.23) 50.7%,
    color-mix(in srgb,var(--light) 11%,transparent) 54%,transparent 66%);
  transform:translate3d(-190%,0,0) skewX(-8deg);opacity:0;
  animation:landing-clearcoat-pass 12.8s cubic-bezier(.21,.18,.28,1) -2.3s infinite;
}
@keyframes landing-clearcoat-pass{
  0%,11%{transform:translate3d(-190%,0,0) skewX(-8deg);opacity:0}
  18%{opacity:.78}
  38%{transform:translate3d(270%,0,0) skewX(-8deg);opacity:.75}
  44%,100%{transform:translate3d(270%,0,0) skewX(-8deg);opacity:0}
}
/* Pointer polish sits inside the glass; avoid overpainting readable text. */
.hero.signature.polish-active > .pointer-polish{opacity:.16;}

.hero.signature > .signature-optics::after{opacity:.48;}
.hero.signature.polish-active > .signature-optics::after{opacity:.83;}
.hero.signature > .landing-clearcoat{z-index:1;}
.hero.signature .hero-copy,.hero.signature .synaptic-relief{z-index:3;}
/* Metric-inspired three cards: layered rotating line art, optical registration
   corners, embedded rims and micro specular sweeps. */
.value-strip .value-card{isolation:isolate;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),
    inset 0 -1px 0 rgba(0,0,0,.35),0 12px 32px rgba(0,0,0,.27),
    0 0 18px color-mix(in srgb,var(--gold) 3%,transparent);
  transition:box-shadow .35s ease,border-color .35s ease;
}
.value-strip .value-card:hover,
.value-strip .value-card:focus-within{
  border-color:color-mix(in srgb,var(--gold) 48%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.21),0 15px 35px rgba(0,0,0,.30),
    0 0 25px color-mix(in srgb,var(--gold) 9%,transparent);
}

.value-strip .value-card:nth-child(1) > .landing-clearcoat::after{animation-delay:-4.2s}
.value-strip .value-card:nth-child(2) > .landing-clearcoat::after{animation-delay:-7.5s;animation-duration:14.3s}
.value-strip .value-card:nth-child(3) > .landing-clearcoat::after{animation-delay:-10.1s;animation-duration:13.9s}

.value-strip .value-card:nth-child(2) > .watermark{animation-duration:29s;animation-delay:-9s}
.value-strip .value-card:nth-child(3) > .watermark{animation-duration:32s;animation-delay:-16s}







.value-strip .value-card h2,
.value-strip .value-card p,
.value-strip .value-card > .line-icon{position:relative;z-index:4;}
/* Daylight needs subdued shadows and a more subtle metallic clearcoat. */
body[data-palette-mode="light"] .hero.signature > .landing-clearcoat{
  background:radial-gradient(ellipse 70% 110% at 11% -45%,rgba(255,255,255,.52),transparent 76%),
    linear-gradient(127deg,rgba(255,255,255,.26),transparent 43%,rgba(117,91,59,.028) 78%,rgba(255,255,255,.18));
}
body[data-palette-mode="light"] .hero.signature > .landing-clearcoat::after{opacity:.38;}



body[data-motion="off"] .landing-clearcoat::after{animation:none!important;opacity:0!important;}

@media(prefers-reduced-motion:reduce){
  .landing-clearcoat::after{animation:none!important;}
  .landing-clearcoat::after{opacity:0!important;}
}


/* V8 — restore the original 3-node optical circuitry without the old inset bed.
   The unwanted wide horizontal scanner is different from the routed lines. */
.hero.signature .synapse-routes{
  display:block!important;position:absolute;inset:0;width:100%;height:100%;
  overflow:visible;z-index:1;pointer-events:none;opacity:.80;
}
.hero.signature .network-bed{display:none!important;}
.hero.signature .route-shadow{opacity:.62;stroke-width:8;}
.hero.signature .route-bevel{opacity:.60;}
.hero.signature .route-inlay{opacity:.88;}
.hero.signature .route-signal{opacity:.70;}
.hero.signature .network-ports{opacity:.83;}
.hero.signature .synapse-hubs{opacity:.72;}
.hero.signature .demo-impulse-path{
  fill:none;stroke:var(--light);stroke-width:2.25;stroke-linecap:round;
  filter:drop-shadow(0 0 4px var(--gold));opacity:0;pointer-events:none;
}
.hero.signature .demo-impulse-hub{
  fill:var(--light);stroke:var(--gold);stroke-width:1;
  filter:drop-shadow(0 0 8px var(--gold));opacity:0;pointer-events:none;
}
/* Disable just the large sweep spanning the center of the opening.
   Optical edges, vertical precision marks and the panel clearcoat remain. */
.hero.signature > .signature-optics > .signature-scan-ray{display:none!important;}
.hero.signature > .signature-optics > .signature-precision-grid{
  background-image:
    radial-gradient(circle at 51% 49%,transparent 22%,color-mix(in srgb,var(--gold) 12%,transparent) 22.13%,transparent 22.36%,transparent 34%,color-mix(in srgb,var(--gold) 9%,transparent) 34.13%,transparent 34.4%,transparent 47%,color-mix(in srgb,var(--gold) 7%,transparent) 47.13%,transparent 47.5%),
    linear-gradient(90deg,color-mix(in srgb,var(--gold) 8%,transparent) 1px,transparent 1px);
  background-size:100% 100%,42px 42px;
}
/* Signature micro-typography — aligned to the hero's etched inside frame. */
.hero.signature > .landing-hero-serial,
.hero.signature > .landing-hero-foot{
  position:absolute;z-index:5;pointer-events:none;
  font-family:Consolas,"SFMono-Regular","Courier New",monospace;
  font-size:9px;font-weight:600;line-height:1.5;letter-spacing:.145em;
  color:color-mix(in srgb,var(--light) 62%,var(--muted));
  text-shadow:0 1px 10px color-mix(in srgb,var(--gold) 12%,transparent);
}
.hero.signature > .landing-hero-serial{
  top:25px;right:38px;white-space:nowrap;opacity:.73;
}
.hero.signature > .landing-hero-foot{
  left:40px;bottom:18px;max-width:calc(100% - 80px);opacity:.79;
}
.landing-micro-separator{margin:0 7px;color:var(--gold);}
/* V11: the former foreground identity U has been removed entirely.
   Preserve the original responsive microtype and button control layout. */
body[data-palette-mode="light"] .landing-hero-serial,
body[data-palette-mode="light"] .landing-hero-foot{text-shadow:none;}
@media(min-width:621px) and (max-width:1179px){
  .hero.signature > .landing-hero-foot{bottom:13px;}
}
@media(max-width:620px){
  .hero.signature > .landing-hero-serial{top:15px;right:17px;font-size:7px;letter-spacing:.1em;}
  .hero.signature > .landing-hero-foot{left:17px;bottom:9px;right:15px;max-width:none;
    font-size:7px;letter-spacing:.06em;text-align:left;}
  .hero.signature .synaptic-relief{padding-bottom:18px;}
  .hero.signature .synaptic-relief .synapse-routes{opacity:.48;}
}
@media(max-width:380px) and (max-height:700px){
  .hero.signature > .landing-hero-foot{font-size:6.5px;}
  .hero.signature .synaptic-relief .theme-explanation{
    font-size:10px;line-height:1.42;min-height:0;
  }
  .opening .hero-actions .text-link{display:none!important;}
  .hero.signature > .landing-hero-serial{display:none;}
}
/* Keep the removed long diagonal scanner disabled. */
.hero.signature > .signature-optics::before{display:none!important;}
.hero.signature > .landing-clearcoat::after{opacity:.28!important;}

/* V9 — ACTIVE BACKGROUND PLANE AND PANEL-STYLE OPTICAL PERIMETERS
   Structural fix: the fixed atmosphere was below the opaque body background at z:-1.
   Its canvas keeps the existing 24/12 FPS budget while all content stacks above it. */
body{isolation:isolate;}
body > .ambient-scene{z-index:0;opacity:1;}
body > main.container, body > footer.container{position:relative;z-index:1;}
body > .header-wrap{z-index:30;}
body > .ambient-scene::before{
  content:"";position:absolute;inset:-22%;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 29% 35% at 18% 44%,color-mix(in srgb,var(--gold) 15%,transparent),transparent 80%),
    radial-gradient(ellipse 24% 29% at 76% 62%,color-mix(in srgb,var(--light) 10%,transparent),transparent 77%);
  opacity:.78;transform:translate3d(-3%,1%,0) scale(1);
  animation:landing-ambient-orbit 22s ease-in-out infinite alternate;
}
body > .ambient-scene::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(ellipse 60% 70% at 54% 50%,transparent 41%,rgba(0,0,0,.18) 100%);
}
@keyframes landing-ambient-orbit{
  0%{transform:translate3d(-5%,3%,0) rotate(-3deg) scale(1);opacity:.62}
  48%{transform:translate3d(3%,-3%,0) rotate(4deg) scale(1.04);opacity:.94}
  100%{transform:translate3d(9%,4%,0) rotate(-2deg) scale(1.1);opacity:.76}
}
body[data-palette-mode="light"] > .ambient-scene::before{opacity:.38;mix-blend-mode:multiply;}
body[data-palette-mode="light"] > .ambient-scene::after{background:none;}

/* A clearcoat and optical edge specific to sections requested by the user.
   Edge hotspots use the nearest perimeter projection of the live mouse. */
.land-optical-surface{position:relative;isolation:isolate;--land-x:50%;--land-y:0%;--land-edge-x:50%;--land-edge-y:0%;}
.land-optical-glass,.land-optical-rim,.land-optical-register{
  position:absolute;inset:0;border-radius:inherit;pointer-events:none;user-select:none;
}
.land-optical-glass{
  z-index:2;overflow:hidden;
  background:
    radial-gradient(ellipse 56% 65% at 82% 4%,rgba(255,255,255,.055),transparent 78%),
    radial-gradient(220px circle at var(--land-x) var(--land-y),color-mix(in srgb,var(--light) 12%,transparent),transparent 90%),
    linear-gradient(132deg,rgba(255,255,255,.048),transparent 33%,transparent 72%,rgba(255,255,255,.023));
  opacity:.43;transition:opacity .22s ease;
}
.land-optical-glass::before{
  content:"";position:absolute;inset:-30%;pointer-events:none;
  background:radial-gradient(ellipse 20% 35% at 67% 48%,color-mix(in srgb,var(--gold) 13%,transparent),transparent 82%);
  animation:landing-glass-flow 17s ease-in-out infinite alternate;
}
@keyframes landing-glass-flow{
  0%{transform:translate3d(-10%,8%,0) rotate(-6deg);opacity:.35}
  50%{transform:translate3d(6%,-4%,0) rotate(3deg);opacity:.8}
  100%{transform:translate3d(13%,4%,0) rotate(-1deg);opacity:.46}
}
.land-optical-rim{
  z-index:8;inset:0;padding:1.45px;overflow:hidden;
  background:
    radial-gradient(225px 185px at var(--land-edge-x) var(--land-edge-y),
      rgba(255,250,233,.98) 0%,
      color-mix(in srgb,var(--light) 92%,transparent) 15%,
      color-mix(in srgb,var(--gold) 42%,transparent) 43%,
      transparent 89%),
    linear-gradient(114deg,color-mix(in srgb,var(--gold) 22%,transparent),transparent 42%,color-mix(in srgb,var(--gold) 12%,transparent) 98%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite:exclude;
  opacity:.36;transition:opacity .20s ease;
  filter:drop-shadow(0 0 7px color-mix(in srgb,var(--gold) 25%,transparent));
}
.land-optical-rim::before{
  content:"";position:absolute;inset:-140%;pointer-events:none;
  background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,
      transparent 282deg,color-mix(in srgb,var(--gold) 12%,transparent) 304deg,
      rgba(255,236,189,.38) 315deg,color-mix(in srgb,var(--light) 20%,transparent) 330deg,
      transparent 348deg,transparent 360deg);
  animation:landing-perimeter-glide 20s linear infinite;
}
@keyframes landing-perimeter-glide{to{transform:rotate(360deg)}}
.land-optical-active > .land-optical-rim,
.land-optical-surface:focus-within > .land-optical-rim{opacity:1;}
.land-optical-active > .land-optical-glass{opacity:.9;}
.land-optical-register{
  z-index:7;inset:auto 13px 13px auto;width:27px;height:27px;
  border-right:1px solid color-mix(in srgb,var(--light) 32%,transparent);
  border-bottom:1px solid color-mix(in srgb,var(--gold) 41%,transparent);
  opacity:.57;
}
.land-optical-register::after{content:"";position:absolute;right:4px;bottom:4px;width:4px;height:4px;
  border:1px solid color-mix(in srgb,var(--light) 65%,transparent);transform:rotate(45deg);}
/* Hero's large visual line remains disabled. Only the thin perimeter reacts. */
.hero.signature > .land-optical-rim{z-index:9;}
.hero.signature > .land-optical-glass{z-index:2;opacity:.32;}
.hero.signature.land-optical-active > .land-optical-glass{opacity:.68;}
.hero.signature > .signature-optical-rim{opacity:.36;}
.hero.signature.land-optical-active > .signature-optical-rim{opacity:.7;}
.hero.signature > .signature-optics > .signature-scan-ray,
.hero.signature > .signature-optical-flare,
.hero.signature > .signature-beam{display:none!important;}
/* Value cards preserve the preexisting metric filigran and use the same edge optics. */
.value-strip .value-card > .land-optical-glass{z-index:2;}



/* Section content above clearcoat, optical edge remains unclickable. */
#destek.support > :not(.engraving):not(.land-optical-rim):not(.land-optical-glass):not(.land-optical-register):not(.land-micro),
.beginning-band > ol,.beginning-band > a,
.closing > div:not(.engraving){position:relative;z-index:4;}
#destek.support,.beginning-band,.closing{border-color:color-mix(in srgb,var(--gold) 31%,transparent);}
#destek.support > .land-optical-register,.beginning-band > .land-optical-register,.closing > .land-optical-register{z-index:6;}
#destek.support > .land-optical-glass,.beginning-band > .land-optical-glass,.closing > .land-optical-glass{z-index:1;}
/* Subtle top and bottom engraved legends, with reserved content spacing. */
.land-micro{
  position:absolute;z-index:7;pointer-events:none;font:600 8px/1.4 Consolas,"SFMono-Regular",monospace;
  letter-spacing:.14em;color:color-mix(in srgb,var(--light) 65%,var(--muted));
  opacity:.72;text-shadow:0 1px 8px color-mix(in srgb,var(--gold) 14%,transparent);
  white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis;
}
.land-micro-top{top:16px;right:24px;text-align:right;}
.land-micro-bottom{bottom:14px;left:25px;}
.land-micro i{font-style:normal;color:var(--gold);padding:0 5px;}
#destek.support{padding-top:54px;padding-bottom:53px;}
.beginning-band{padding-top:49px;padding-bottom:49px;}
.closing{padding-top:54px;padding-bottom:56px;}
#destek .support-heading,#destek .support-steps{position:relative;z-index:4;}
body[data-palette-mode="light"] .land-optical-rim{
  background:
    radial-gradient(220px 185px at var(--land-edge-x) var(--land-edge-y),rgba(120,77,27,.88),
      color-mix(in srgb,var(--gold) 70%,transparent) 30%,transparent 85%),
    linear-gradient(114deg,rgba(153,113,58,.27),transparent 58%,rgba(153,113,58,.2));
}
body[data-palette-mode="light"] .land-optical-glass{mix-blend-mode:multiply;opacity:.20;}
body[data-palette-mode="light"] .land-optical-active > .land-optical-glass{opacity:.41;}
body[data-palette-mode="light"] .land-micro{text-shadow:none;}
@media(max-width:900px){
  /* Unlike the old pointer-polish, the optical border remains available on touch focus. */
  #destek.support{padding-top:53px;}
  .beginning-band{padding-top:53px;padding-bottom:46px;}
  .closing{padding-top:49px;padding-bottom:58px;}
  .land-micro{font-size:7px;letter-spacing:.07em;}
  .land-micro-top{top:13px;right:17px;}
  .land-micro-bottom{bottom:13px;left:16px;}
}
@media(max-width:620px){
  #destek.support{padding-top:54px;padding-bottom:49px;}
  .beginning-band{padding-top:51px;padding-bottom:48px;}
  .closing{padding-top:49px;padding-bottom:51px;}
  .land-micro{font-size:6.8px;}
  .land-optical-glass::before{opacity:.4;}
  .land-optical-rim::before{animation-duration:33s;}
}
body[data-motion="off"] .land-optical-glass::before,
body[data-motion="off"] .land-optical-rim::before,
body[data-motion="off"] > .ambient-scene::before{animation:none!important;}
@media(prefers-reduced-motion:reduce){
  .land-optical-glass::before,.land-optical-rim::before,body > .ambient-scene::before{animation:none!important;}
}


/* V10 | Panel-derived optical fidelity, isolated to the public landing.
   Based on panel lux-art-grid/lux-glyph-stage and sig-etched/sig-optic metrics.
   No panel resources, image assets or additional network requests. */
.hero.signature > .landing-panel-art{
  position:absolute;inset:0;z-index:1;overflow:hidden;border-radius:inherit;
  pointer-events:none;isolation:isolate;--panel-art-x:66%;--panel-art-y:49%;
  --panel-mx:66%;--panel-my:46%;
}
.hero.signature > .landing-panel-art::before{
  content:"";position:absolute;inset:0;z-index:0;
  background:radial-gradient(ellipse 34% 68% at var(--panel-art-x) var(--panel-art-y),
   color-mix(in srgb,var(--gold) 14%,transparent) 0%,
   color-mix(in srgb,var(--gold) 7%,transparent) 38%,transparent 82%);
  animation:landing-art-halo-breathe 9s ease-in-out infinite alternate;
}
.hero.signature .landing-panel-art-grid{
  position:absolute;inset:-18px;z-index:0;opacity:.40;
  background-image:linear-gradient(color-mix(in srgb,var(--light) 9%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--light) 9%,transparent) 1px,transparent 1px);
  background-size:36px 36px;
  -webkit-mask-image:radial-gradient(ellipse 40% 72% at 67% 52%,#000 0%,rgba(0,0,0,.64) 45%,transparent 100%);
  mask-image:radial-gradient(ellipse 40% 72% at 67% 52%,#000 0%,rgba(0,0,0,.64) 45%,transparent 100%);
  animation:landing-art-grid-drift 14s linear infinite;
}
.hero.signature .landing-panel-circuit{
  position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;
  pointer-events:none;opacity:.87;mix-blend-mode:screen;
  -webkit-mask-image:radial-gradient(ellipse 57% 90% at 65% 50%,#000 15%,transparent 95%);
  mask-image:radial-gradient(ellipse 57% 90% at 65% 50%,#000 15%,transparent 95%);
}
.hero.signature .landing-panel-cursor-glow{
  position:absolute;inset:0;z-index:2;
  background:radial-gradient(220px circle at var(--panel-mx) var(--panel-my),
    color-mix(in srgb,var(--light) 16%,transparent),color-mix(in srgb,var(--gold) 5%,transparent) 43%,transparent 84%);
  opacity:.42;transition:opacity .3s ease;
}
.hero.signature:hover .landing-panel-cursor-glow{opacity:.8;}
.hero.signature .landing-panel-glyph-stage{
  position:absolute;inset:0;z-index:3;transform:translate3d(var(--art-parallax-x,0px),var(--art-parallax-y,0px),0);
  opacity:.83;
}
.hero.signature .landing-panel-orbit{
  position:absolute;left:var(--panel-art-x);top:var(--panel-art-y);
  border:1px solid color-mix(in srgb,var(--light) 20%,transparent);border-radius:50%;
  transform:translate(-50%,-50%);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--gold) 14%,transparent));
}
.hero.signature .landing-panel-orbit-one{width:150px;height:150px;border-color:color-mix(in srgb,var(--light) 41%,transparent);box-shadow:inset 0 0 50px color-mix(in srgb,var(--gold) 9%,transparent);animation:landing-art-orbit-one 21s linear infinite;}
.hero.signature .landing-panel-orbit-two{width:235px;height:235px;border-color:color-mix(in srgb,var(--gold) 29%,transparent);animation:landing-art-orbit-two 29s linear infinite;}
.hero.signature .landing-panel-orbit-three{width:325px;height:325px;border-color:color-mix(in srgb,var(--gold) 16%,transparent);box-shadow:0 0 40px color-mix(in srgb,var(--gold) 4%,transparent);animation:landing-art-orbit-three 15s ease-in-out infinite;}
.hero.signature .landing-panel-orbit-one::before,.hero.signature .landing-panel-orbit-two::before{
  content:"";position:absolute;top:20px;left:21px;width:4px;height:4px;border-radius:50%;
  background:var(--light);box-shadow:0 0 12px 2px color-mix(in srgb,var(--gold) 60%,transparent);
}
.hero.signature .landing-panel-orbit-two::before{top:auto;left:auto;right:26px;bottom:43px;width:3px;height:3px;}
.hero.signature .landing-panel-central-glyph{
  position:absolute;left:var(--panel-art-x);top:var(--panel-art-y);width:94px;height:94px;
  display:grid;place-items:center;border-radius:18px;
  border:1px solid color-mix(in srgb,var(--light) 64%,transparent);
  background:linear-gradient(145deg,
    color-mix(in srgb,#473a28 78%,transparent),
    color-mix(in srgb,#201d1b 84%,transparent) 60%,
    color-mix(in srgb,#111419 88%,transparent));
  backdrop-filter:blur(10px) saturate(1.05);
  box-shadow:0 15px 52px rgba(0,0,0,.38),inset 0 1px 0 color-mix(in srgb,var(--light) 41%,transparent),0 0 32px color-mix(in srgb,var(--gold) 23%,transparent);
  transform:translate(-50%,-50%) rotate(-45deg);
  animation:landing-art-glyph-float 6.8s ease-in-out infinite;
}
.hero.signature .landing-panel-central-glyph span{
  font:600 49px/1 Georgia,serif;color:var(--light);transform:rotate(45deg);
  text-shadow:0 1px 10px color-mix(in srgb,var(--gold) 28%,transparent);
}
.hero.signature .landing-panel-central-glyph i{position:absolute;inset:9px;border:1px solid color-mix(in srgb,var(--light) 21%,transparent);border-radius:11px;}
.hero.signature > .hero-copy,.hero.signature > .synaptic-relief{position:relative;z-index:5;}
.hero.signature > .landing-hero-serial,.hero.signature > .landing-hero-foot{z-index:6;}
/* The existing separate U over the three topic buttons remains untouched. */
@keyframes landing-art-halo-breathe{from{opacity:.50;transform:scale(.95)}to{opacity:1;transform:scale(1.09)}}
@keyframes landing-art-grid-drift{to{background-position:72px 72px;}}
@keyframes landing-art-orbit-one{to{transform:translate(-50%,-50%) rotate(360deg);}}
@keyframes landing-art-orbit-two{to{transform:translate(-50%,-50%) rotate(-360deg);}}
@keyframes landing-art-orbit-three{50%{transform:translate(-50%,-50%) scale(1.045);opacity:.72;}}
@keyframes landing-art-glyph-float{50%{transform:translate(-50%,-53%) rotate(-45deg);filter:brightness(1.12);}}

/* Metric card material stack: etched engraving + visible slow edge runner + clearcoat. */
.value-strip .value-card.sig-etched-surface{position:relative;isolation:isolate;
  border-color:color-mix(in srgb,var(--gold) 34%,transparent);
  background:
    radial-gradient(ellipse 70% 88% at 91% -18%,color-mix(in srgb,var(--light) 10%,transparent),transparent 75%),
    linear-gradient(148deg,#26272a 0%,#1a1c21 43%,#13161c 100%);
  box-shadow:inset 0 1px 0 rgba(255,245,221,.16),inset 0 -1px 0 color-mix(in srgb,var(--gold) 11%,transparent),
   0 13px 29px rgba(0,0,0,.34),0 0 18px color-mix(in srgb,var(--gold) 8%,transparent);
}
.value-strip .value-card.sig-etched-surface:hover{
  border-color:color-mix(in srgb,var(--light) 57%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,245,221,.22),0 16px 37px rgba(0,0,0,.39),0 0 29px color-mix(in srgb,var(--gold) 17%,transparent);
}
.value-strip .value-card > .sd-vm-watermark{
  z-index:2;opacity:.43;width:clamp(91px,10.3vw,136px);height:clamp(91px,10.3vw,136px);
  right:-3px;bottom:-19px;stroke:color-mix(in srgb,var(--light) 74%,transparent);
  filter:drop-shadow(0 0 8px color-mix(in srgb,var(--gold) 23%,transparent));
}
.value-strip .value-card:hover > .sd-vm-watermark{opacity:.65;}
.value-strip .value-card > .sig-etched-overlay{
  position:absolute;inset:0;z-index:5;border-radius:inherit;pointer-events:none;overflow:hidden;
  background:
    repeating-linear-gradient(90deg,transparent 0 9px,color-mix(in srgb,var(--light) 20%,transparent) 10px,transparent 11px) left 15px top 12px/105px 4px no-repeat,
    repeating-linear-gradient(0deg,transparent 0 9px,color-mix(in srgb,var(--light) 16%,transparent) 10px,transparent 11px) right 10px top 40px/4px 75px no-repeat,
    linear-gradient(90deg,color-mix(in srgb,var(--light) 23%,transparent),transparent 29%,transparent 70%,color-mix(in srgb,var(--gold) 15%,transparent)) top/100% 1px no-repeat,
    linear-gradient(90deg,color-mix(in srgb,var(--light) 21%,transparent),transparent 78%) left 17px bottom 19px/75px 1px no-repeat;
}
.value-strip .value-card > .sig-etched-overlay::after{
  content:none;position:absolute;right:45px;bottom:12px;
  font:600 7px/1.2 Consolas,monospace;letter-spacing:.11em;color:color-mix(in srgb,var(--light) 52%,transparent);
}
.value-strip .value-card > .sig-etched-overlay .sig-etched-corner{position:absolute;top:11px;left:12px;width:8px;height:8px;
  border-left:1px solid color-mix(in srgb,var(--light) 48%,transparent);border-top:1px solid color-mix(in srgb,var(--light) 48%,transparent);}
.value-strip .value-card > .sig-etched-overlay .sig-etched-rule{position:absolute;bottom:12px;right:12px;width:8px;height:8px;
  border-bottom:1px solid color-mix(in srgb,var(--light) 39%,transparent);border-right:1px solid color-mix(in srgb,var(--light) 39%,transparent);}
.value-strip .value-card > .sig-optic-rim{
  position:absolute;inset:0;z-index:7;pointer-events:none;border-radius:inherit;padding:1.5px;
  background:radial-gradient(ellipse 190px 155px at var(--land-edge-x,78%) var(--land-edge-y,0%),
    rgba(255,252,231,.97),color-mix(in srgb,var(--light) 84%,transparent) 16%,
    color-mix(in srgb,var(--gold) 42%,transparent) 38%,transparent 88%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite:exclude;opacity:.39;transition:opacity .28s ease;
  filter:drop-shadow(0 0 7px color-mix(in srgb,var(--light) 18%,transparent));
}
.value-strip .value-card.land-optical-active > .sig-optic-rim{opacity:1;}





.value-strip .value-card > .panel-metric-sheen{
  position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;border-radius:inherit;
  background:linear-gradient(118deg,transparent 20%,color-mix(in srgb,var(--light) 5%,transparent) 39%,transparent 59%);
}
.value-strip .value-card > .panel-metric-sheen::after{
  content:"";position:absolute;inset:-75%;
  background:linear-gradient(110deg,transparent 45%,color-mix(in srgb,var(--light) 12%,transparent) 50%,transparent 56%);
  animation:landing-metric-sheen-pass 16s ease-in-out infinite;
}
@keyframes landing-metric-sheen-pass{
  0%,10%{transform:translateX(-35%);opacity:.1}
  42%{transform:translateX(10%);opacity:.88}
  85%,100%{transform:translateX(40%);opacity:.1}
}
/* Panel "Hesap istatistikleri": a single rounded L-edge with a softly sampled comet.
   Full-perimeter dashes and duplicate card corner pseudo-element are deliberately gone. */
.value-strip .value-card::after{content:none}
.value-strip .value-card > svg.lux-edge-trace{
  position:absolute;inset:0;display:block;width:100%;height:100%;z-index:7;
  overflow:visible;pointer-events:none;border-radius:inherit;opacity:.96;
}
.value-strip .value-card .lux-edge-static{
  fill:none;stroke-width:1.35;stroke-linejoin:round;stroke-linecap:round;
  vector-effect:non-scaling-stroke;
}
.value-strip .value-card .lux-edge-route{fill:none;stroke:transparent;stroke-width:0}
.value-strip .value-card .lux-edge-comet{pointer-events:none}
body[data-motion="off"] .value-strip .value-card .lux-edge-comet{opacity:0!important}
body[data-palette-mode="light"] .value-strip .value-card > svg.lux-edge-trace{opacity:.64}
body[data-palette-mode="light"] .value-strip .value-card .lux-edge-comet{filter:sepia(.26) brightness(.72)}
.value-strip .value-card > .sd-vm-code{
  position:absolute;right:14px;bottom:11px;z-index:6;
  font:600 7px/1 Consolas,monospace;letter-spacing:.08em;
  color:color-mix(in srgb,var(--light) 49%,transparent);pointer-events:none;
}
.value-strip .value-card > .panel-metric-corner{
  position:absolute;right:12px;top:11px;width:29px;height:29px;z-index:6;pointer-events:none;
  border-top:1px solid color-mix(in srgb,var(--light) 39%,transparent);
  border-right:1px solid color-mix(in srgb,var(--light) 35%,transparent);
}
.value-strip .value-card > .panel-metric-corner::after{
  content:"";position:absolute;right:5px;top:5px;width:7px;height:7px;
  border:1px solid color-mix(in srgb,var(--light) 72%,transparent);
  transform:rotate(45deg);box-shadow:0 0 8px color-mix(in srgb,var(--gold) 36%,transparent);
}
.value-strip .value-card > .line-icon,.value-strip .value-card > h2,.value-strip .value-card > p{z-index:8;}

.value-strip .value-card > .land-optical-glass{opacity:.68;}

/* Ambient motion must be visibly continuous, rather than only subpixel canvas drift. */
body > .ambient-scene .landing-flow-mote{
  position:absolute;z-index:4;width:var(--mote-size,3px);height:var(--mote-size,3px);
  top:var(--mote-top);left:-5%;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at center,rgba(255,251,226,.96),color-mix(in srgb,var(--light) 72%,transparent) 25%,transparent 74%);
  box-shadow:0 0 12px 1px color-mix(in srgb,var(--gold) 62%,transparent),0 0 26px color-mix(in srgb,var(--gold) 22%,transparent);
  opacity:var(--mote-alpha,.64);animation:landing-flow-mote var(--mote-duration,16s) linear var(--mote-delay,0s) infinite;
}
@keyframes landing-flow-mote{
  from{transform:translate3d(-4vw,0,0) scale(.55);opacity:0}
  12%{opacity:var(--mote-alpha,.64)}
  78%{opacity:var(--mote-alpha,.64)}
  to{transform:translate3d(111vw,var(--mote-rise,-35px),0) scale(1.1);opacity:0}
}
body > .ambient-scene .landing-light-stream{
  position:absolute;inset:-18%;z-index:1;pointer-events:none;
  background:radial-gradient(ellipse 21% 29% at 18% 26%,color-mix(in srgb,var(--gold) 9%,transparent),transparent 85%),
    radial-gradient(ellipse 24% 25% at 73% 78%,color-mix(in srgb,var(--light) 7%,transparent),transparent 85%);
  animation:landing-ambient-swim 21s ease-in-out infinite alternate;
}
@keyframes landing-ambient-swim{
  0%{transform:translate3d(-6%,-4%,0) rotate(-4deg);opacity:.6}
  55%{transform:translate3d(4%,5%,0) rotate(2deg);opacity:1}
  100%{transform:translate3d(9%,-3%,0) rotate(5deg);opacity:.77}
}
body[data-palette-mode="light"] .hero.signature .landing-panel-art{opacity:.54;}
body[data-palette-mode="light"] .hero.signature .landing-panel-circuit{mix-blend-mode:multiply;opacity:.6;}
body[data-palette-mode="light"] .hero.signature .landing-panel-central-glyph{background:linear-gradient(145deg,rgba(222,210,187,.82),rgba(198,174,137,.78) 65%,rgba(184,158,118,.74));border-color:rgba(112,76,34,.5);backdrop-filter:blur(10px) saturate(1.05);box-shadow:0 12px 30px rgba(93,64,27,.16),inset 0 1px 0 #fff9;}
body[data-palette-mode="light"] .hero.signature .landing-panel-central-glyph span{color:#65411f;text-shadow:0 1px 0 #fff7;}
body[data-palette-mode="light"] .value-strip .value-card.sig-etched-surface{
  background:linear-gradient(145deg,#f6f1e9,#e9e0d4 75%);border-color:rgba(151,105,49,.24);
  box-shadow:inset 0 1px 0 #fff,0 13px 29px rgba(85,63,35,.12);
}
body[data-palette-mode="light"] .value-strip .value-card > .sig-optic-rim{opacity:.48;background:radial-gradient(ellipse 190px 155px at var(--land-edge-x,78%) var(--land-edge-y,0%),rgba(137,96,41,.8),rgba(150,107,51,.28) 36%,transparent 88%);}
body[data-palette-mode="light"] .value-strip .value-card > .sd-vm-watermark{stroke:rgba(137,96,41,.66);filter:none;}

body[data-palette-mode="light"] .value-strip .value-card > .sig-etched-overlay{opacity:.52;}
body[data-palette-mode="light"] .ambient-scene .landing-flow-mote{mix-blend-mode:multiply;opacity:.38;}
@media(max-width:900px){
  .hero.signature .landing-panel-art{--panel-art-x:71%;--panel-art-y:53%;}
  .hero.signature .landing-panel-orbit-three{width:240px;height:240px;}
  .hero.signature .landing-panel-orbit-two{width:180px;height:180px;}
  .hero.signature .landing-panel-orbit-one{width:126px;height:126px;}
  .hero.signature .landing-panel-central-glyph{width:75px;height:75px;border-radius:15px;}
  .hero.signature .landing-panel-central-glyph span{font-size:40px;}
}
@media(max-width:620px){
  .hero.signature > .landing-panel-art{--panel-art-x:50%;--panel-art-y:58%;opacity:.43;}
  .hero.signature .landing-panel-art-grid{opacity:.24;}
  .hero.signature .landing-panel-circuit{opacity:.49;}
  .value-strip .value-card > .panel-metric-sheen{opacity:.58;}
  .value-strip .value-card > .sig-etched-overlay::after{font-size:6px;}
  body > .ambient-scene .landing-flow-mote:nth-of-type(even){display:none;}
}
body[data-motion="off"] .landing-panel-art *,body[data-motion="off"] .landing-flow-mote,body[data-motion="off"] .landing-light-stream,
body[data-motion="off"] .panel-metric-sheen::after{animation:none!important;}
@media(prefers-reduced-motion:reduce){
  .landing-panel-art *,body > .ambient-scene .landing-flow-mote,body > .ambient-scene .landing-light-stream,
  .panel-metric-sheen::after{animation:none!important;}
}


/* V11 — centered panel lux-art fidelity (public landing only).
   The redundant foreground landing-identity has been removed from the DOM.
   The actual orthogonal signal rails are painted into .lux-circuit-canvas. */
.hero.signature > .landing-panel-art.lux-art{
  --panel-art-x:50%;--panel-art-y:50%;
  inset:0;z-index:1;opacity:1;pointer-events:none;
  -webkit-mask-image:none;mask-image:none;
}
.hero.signature .landing-panel-art-grid.lux-art-grid{
  opacity:.42;inset:0;background-size:36px 36px;
  -webkit-mask-image:radial-gradient(ellipse 50% 68% at 50% 50%,#000 0%,rgba(0,0,0,.76) 48%,transparent 100%);
  mask-image:radial-gradient(ellipse 50% 68% at 50% 50%,#000 0%,rgba(0,0,0,.76) 48%,transparent 100%);
}
.hero.signature .landing-panel-circuit.lux-circuit-canvas{
  opacity:1;mix-blend-mode:screen;
  -webkit-mask-image:radial-gradient(ellipse 72% 96% at 50% 50%,#000 15%,rgba(0,0,0,.9) 72%,transparent 100%);
  mask-image:radial-gradient(ellipse 72% 96% at 50% 50%,#000 15%,rgba(0,0,0,.9) 72%,transparent 100%);
  filter:drop-shadow(0 0 4px color-mix(in srgb,var(--gold) 35%,transparent));
}
.hero.signature .landing-panel-glyph-stage.lux-glyph-stage{opacity:.88;}
.hero.signature .landing-panel-central-glyph.lux-central-glyph{
  box-shadow:inset 0 1px 0 rgba(255,245,221,.52),0 0 35px color-mix(in srgb,var(--gold) 20%,transparent),0 15px 40px rgba(0,0,0,.32);
}
.hero.signature .synaptic-relief .network-stage,
.hero.signature .synaptic-relief .theme-explanation{transform:none;}
.hero.signature .landing-art-caption{
  position:absolute;z-index:4;pointer-events:none;
  font:500 8px/1.4 Consolas,"SFMono-Regular",monospace;
  color:color-mix(in srgb,var(--light) 58%,var(--muted));
  letter-spacing:.12em;opacity:.48;white-space:nowrap;
}
.hero.signature .landing-art-caption-top{top:17%;left:51%;transform:translateX(-50%);}
.hero.signature .landing-art-caption-bottom{bottom:16%;left:50%;transform:translateX(-50%);}
body[data-palette-mode="light"] .hero.signature .landing-panel-art.lux-art{opacity:.65;}
body[data-palette-mode="light"] .hero.signature .landing-panel-circuit.lux-circuit-canvas{
  mix-blend-mode:multiply;opacity:.88;filter:none;
}
body[data-palette-mode="light"] .hero.signature .landing-art-caption{color:#78532c;opacity:.58;}
@media(max-width:900px){
  .hero.signature > .landing-panel-art.lux-art{--panel-art-x:50%;--panel-art-y:50%;}
  .hero.signature .landing-art-caption{font-size:7px;}
}
@media(max-width:620px){
  .hero.signature > .landing-panel-art.lux-art{--panel-art-x:50%;--panel-art-y:50%;opacity:.55;}
  .hero.signature .landing-panel-art-grid.lux-art-grid{opacity:.22;}
  .hero.signature .landing-panel-circuit.lux-circuit-canvas{opacity:.78;}
  .hero.signature .landing-art-caption{display:none;}
}
@media(max-width:380px){
  .hero.signature .landing-panel-glyph-stage.lux-glyph-stage{opacity:.64;}
}


/* V12 — visibly autonomous lux-art motion. The art shares the existing
   canvas rendering loop; no additional timers or global effects are added.
   The diagonal beam is confined to the central artwork, never a full-width
   opening separator. */
.hero.signature .landing-panel-art-grid.lux-art-grid{
  opacity:.62;
  background-image:
    linear-gradient(color-mix(in srgb,var(--light) 15%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--light) 15%,transparent) 1px,transparent 1px);
  background-size:36px 36px;
  animation:landing-art-grid-sweep 9s linear infinite;
}
@keyframes landing-art-grid-sweep{
  from{background-position:0 0;}
  to{background-position:144px 72px;}
}
.hero.signature .landing-panel-scan-ray.lux-scan-ray{
  position:absolute;inset:-15% -18%;z-index:2;pointer-events:none;
  background:linear-gradient(111deg,
    transparent 46.5%,
    color-mix(in srgb,var(--gold) 2%,transparent) 48.5%,
    color-mix(in srgb,var(--light) 23%,transparent) 49.8%,
    color-mix(in srgb,var(--light) 9%,transparent) 50.45%,
    transparent 53%);
  opacity:.66;filter:blur(11px);
  -webkit-mask-image:radial-gradient(ellipse 34% 68% at 50% 50%,#000 10%,transparent 100%);
  mask-image:radial-gradient(ellipse 34% 68% at 50% 50%,#000 10%,transparent 100%);
  animation:landing-art-scan-sweep 6.4s cubic-bezier(.42,0,.58,1) infinite;
}
@keyframes landing-art-scan-sweep{
  0%{transform:translate3d(-37%,0,0);opacity:0;}
  15%{opacity:.62;}
  63%{opacity:.79;}
  100%{transform:translate3d(47%,0,0);opacity:0;}
}
.hero.signature .landing-panel-cursor-glow.lux-cursor-glow::after{
  content:"";position:absolute;inset:8% 12%;pointer-events:none;
  background:radial-gradient(ellipse 32% 43% at 50% 50%,
    color-mix(in srgb,var(--light) 12%,transparent),
    color-mix(in srgb,var(--gold) 5%,transparent) 46%,transparent 85%);
  animation:landing-art-ambient-drift 5.8s ease-in-out infinite alternate;
}
@keyframes landing-art-ambient-drift{
  from{transform:translate3d(-15%,-8%,0) scale(.85);opacity:.35;}
  to{transform:translate3d(13%,8%,0) scale(1.16);opacity:.95;}
}
.hero.signature .landing-panel-orbit-one.lux-orbit-one{
  animation:landing-art-orbit-one 10s linear infinite;
  border-color:color-mix(in srgb,var(--light) 46%,transparent);
}
.hero.signature .landing-panel-orbit-two.lux-orbit-two{
  animation:landing-art-orbit-two 13s linear infinite;
  border-color:color-mix(in srgb,var(--gold) 40%,transparent);
}
.hero.signature .landing-panel-orbit-three.lux-orbit-three{
  animation:landing-art-orbit-three 10s ease-in-out infinite;
}
.hero.signature .landing-panel-orbit-one::before,
.hero.signature .landing-panel-orbit-two::before{
  width:6px;height:6px;background:var(--light);
  box-shadow:0 0 9px 2px color-mix(in srgb,var(--light) 62%,transparent),
             0 0 24px 5px color-mix(in srgb,var(--gold) 38%,transparent);
}
.hero.signature .landing-panel-orbit-one::after,
.hero.signature .landing-panel-orbit-two::after{
  content:"";position:absolute;inset:-2px;padding:2px;border-radius:50%;pointer-events:none;
  background:conic-gradient(from 190deg,transparent 0deg 110deg,
    color-mix(in srgb,var(--gold) 13%,transparent) 145deg,
    color-mix(in srgb,var(--light) 79%,transparent) 162deg,
    color-mix(in srgb,var(--gold) 25%,transparent) 181deg,transparent 217deg 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
  filter:drop-shadow(0 0 6px color-mix(in srgb,var(--gold) 50%,transparent));
}
.hero.signature .landing-panel-central-glyph.lux-central-glyph{
  animation:landing-art-glyph-float 4.5s ease-in-out infinite;
}
.hero.signature .landing-panel-central-glyph.lux-central-glyph::before{
  content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(128deg,transparent 35%,color-mix(in srgb,var(--light) 19%,transparent) 50%,transparent 65%);
  background-size:230% 100%;
  animation:landing-art-glyph-shine 5.5s ease-in-out infinite;
}
@keyframes landing-art-glyph-shine{
  0%,12%{background-position:145% 0;opacity:.15;}
  46%{opacity:1;}
  85%,100%{background-position:-100% 0;opacity:.15;}
}
.hero.signature .landing-panel-central-glyph.lux-central-glyph span{position:relative;z-index:1;}
body[data-palette-mode="light"] .hero.signature .landing-panel-scan-ray.lux-scan-ray{
  mix-blend-mode:multiply;opacity:.4;
}
@media(max-width:620px){
  .hero.signature .landing-panel-art-grid.lux-art-grid{opacity:.37;}
  .hero.signature .landing-panel-scan-ray.lux-scan-ray{opacity:.38;}
  .hero.signature .landing-panel-orbit-one::before,
  .hero.signature .landing-panel-orbit-two::before{width:4px;height:4px;}
}
/* An explicit ON mode takes precedence over OS reduced-motion; the existing
   body[data-motion=off] remains the authoritative stop for this artwork. */
@media(prefers-reduced-motion:reduce){
  body[data-motion="on"] .hero.signature .landing-panel-art-grid.lux-art-grid{
    animation:landing-art-grid-sweep 9s linear infinite!important;
  }
  body[data-motion="on"] .hero.signature .landing-panel-scan-ray.lux-scan-ray{
    animation:landing-art-scan-sweep 6.4s cubic-bezier(.42,0,.58,1) infinite!important;
  }
  body[data-motion="on"] .hero.signature .landing-panel-cursor-glow.lux-cursor-glow::after{
    animation:landing-art-ambient-drift 5.8s ease-in-out infinite alternate!important;
  }
  body[data-motion="on"] .hero.signature .landing-panel-orbit-one.lux-orbit-one{
    animation:landing-art-orbit-one 10s linear infinite!important;
  }
  body[data-motion="on"] .hero.signature .landing-panel-orbit-two.lux-orbit-two{
    animation:landing-art-orbit-two 13s linear infinite!important;
  }
  body[data-motion="on"] .hero.signature .landing-panel-orbit-three.lux-orbit-three{
    animation:landing-art-orbit-three 10s ease-in-out infinite!important;
  }
  body[data-motion="on"] .hero.signature .landing-panel-central-glyph.lux-central-glyph{
    animation:landing-art-glyph-float 4.5s ease-in-out infinite!important;
  }
  body[data-motion="on"] .hero.signature .landing-panel-central-glyph.lux-central-glyph::before{
    animation:landing-art-glyph-shine 5.5s ease-in-out infinite!important;
  }
}


/* V15 — Panel's sig-optic-target perimeter on the public hero.
   Use one masked edge rim and one short, top-edge specular flare.
   The dedicated hero rim replaces the old generic land rim/edge-polish;
   the large horizontal scan effect remains disabled. */
.hero.signature.sig-optic-target {
  --signature-pointer-x:79%;
  --signature-pointer-y:3%;
}
.hero.signature.sig-optic-target > .signature-optical-rim {
  display:block;
  inset:0;
  z-index:9;
  padding:0;
  border:1.5px solid transparent;
  border-radius:inherit;
  pointer-events:none;
  background:
    radial-gradient(ellipse 240px 178px at var(--signature-pointer-x,79%) var(--signature-pointer-y,3%),
      rgba(255,255,255,.98) 0%,
      color-mix(in srgb,var(--light) 86%,transparent) 10%,
      color-mix(in srgb,var(--gold) 44%,transparent) 30%,
      color-mix(in srgb,var(--light) 12%,transparent) 61%,
      transparent 78%),
    linear-gradient(115deg,color-mix(in srgb,var(--gold) 32%,transparent),
      color-mix(in srgb,var(--gold) 6%,transparent) 26%,transparent 60%,
      color-mix(in srgb,var(--gold) 12%,transparent));
  -webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);
  mask-composite:exclude;
  opacity:.83;
  filter:drop-shadow(0 0 6px color-mix(in srgb,var(--gold) 17%,transparent));
  transition:opacity .22s ease,border-width .22s ease,filter .22s ease;
}
.hero.signature.sig-optic-target:is(:hover,.land-optical-active,:focus-within) > .signature-optical-rim {
  opacity:1;
  border-width:2px;
  filter:drop-shadow(0 0 10px color-mix(in srgb,var(--gold) 28%,transparent));
}
/* The panel's glint is only 118px wide, not a full-width scan line. */
body .hero.signature.sig-optic-target > .signature-optical-flare {
  display:block!important;
  position:absolute;
  top:1px;
  left:var(--signature-pointer-x,79%);
  width:118px;
  height:3px;
  z-index:9;
  transform:translate(-50%,-50%);
  border-radius:999px;
  pointer-events:none;
  opacity:.61;
  background:linear-gradient(90deg,transparent,
    color-mix(in srgb,var(--light) 26%,transparent),rgba(255,255,255,.96),
    color-mix(in srgb,var(--gold) 33%,transparent),transparent);
  box-shadow:0 0 11px color-mix(in srgb,var(--light) 28%,transparent),
    0 0 22px color-mix(in srgb,var(--gold) 15%,transparent);
  transition:opacity .22s ease;
}
body .hero.signature.sig-optic-target:is(:hover,.land-optical-active,:focus-within) > .signature-optical-flare {opacity:1;}
body[data-palette-mode="light"] .hero.signature.sig-optic-target > .signature-optical-rim{
  background:
    radial-gradient(ellipse 240px 178px at var(--signature-pointer-x,79%) var(--signature-pointer-y,3%),
      rgba(102,67,28,.91) 0%,rgba(147,101,47,.67) 13%,
      rgba(155,114,57,.26) 34%,transparent 80%),
    linear-gradient(115deg,rgba(149,99,40,.22),transparent 45%);
  filter:drop-shadow(0 0 7px rgba(170,117,54,.16));
}
body[data-palette-mode="light"] .hero.signature.sig-optic-target > .signature-optical-flare{
  background:linear-gradient(90deg,transparent,rgba(151,102,46,.30),rgba(255,247,224,.93),rgba(157,111,55,.29),transparent);
  box-shadow:0 0 9px rgba(169,116,48,.20);
}
@media (hover:none),(pointer:coarse){
  body .hero.signature.sig-optic-target > .signature-optical-flare{opacity:.32;}
}
body[data-motion="off"] .hero.signature.sig-optic-target > .signature-optical-rim,
body[data-motion="off"] .hero.signature.sig-optic-target > .signature-optical-flare{
  transition:none;
  opacity:.16;
}