/* Second Life / Turquoise atelier. Original vectors and purposeful interactions. */
:root{--aqua:#86aee4;--aqua-bright:#b8d3f7;--ink:#08121f;--paper:#eff1f4;--line:#88a4c92a}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;background:var(--ink)}
body :is(h1,h2,h3){letter-spacing:-.055em}
body em{color:var(--aqua)}
.hero{background:radial-gradient(ellipse at 76% 49%,#223d6138,transparent 47%),linear-gradient(135deg,#0a1524,#08111d 72%)}
.hero h1{font-size:clamp(76px,8.6vw,136px);font-weight:350;letter-spacing:-.072em}
.hero-grid{background-image:linear-gradient(90deg,transparent calc(100% - 1px),#b4cbe908 0);mask-image:linear-gradient(transparent,#000 30%,#000 80%,transparent)}
.hero-copy p,.collection-copy-v2 p{color:#afbccd}
.header{border-color:#bccce21a}
.header nav a{color:#c0cad7;transition:color .3s}
.header nav a:hover{color:#b8d3f7}
.nav-contact{border-color:#92b0d844;background:#0d1c3033;backdrop-filter:blur(14px)}
.mint{background:linear-gradient(115deg,#a2c1eb,#749ed6);color:#102035;box-shadow:0 4px 22px #4c7bba0c}
.mint:hover{background:#c3daf8;box-shadow:0 8px 34px #4c7bba29}
.hero .orbit{border-color:#8badda20}
.hero .orbit-two{border-color:#9bbeec14}
.eyebrow{letter-spacing:.17em}
.text-link{border-color:#8eafdb44}
.text-link:hover{color:#9abce9}
.assurance{background:#9bbae4;letter-spacing:.02em}
.section-heading p,.story-copy p{line-height:1.9}
.collection-v2{background:radial-gradient(ellipse at 76% 55%,#1f406b33,transparent 60%)}
.collection-orbit-v2,.detail-orbit-v2{border-color:#7ca4da38}
.collection-orbit-v2:after,.detail-orbit-v2:after{border-color:#7ca4da21}
.services{background:#edf0f3}
.service-panel{background:linear-gradient(130deg,#dce2ea,#e9edf2);border:1px solid #8ba1be3b;border-radius:3px}
.service-panel:before{content:'';position:absolute;right:0;bottom:18%;width:49%;height:32%;border-top:1px solid #5478a855;border-left:1px solid #5478a855;border-radius:100px 0 0 0;pointer-events:none;transition:opacity .5s,filter .5s;opacity:.45}
.service-panel:hover:before{opacity:1;filter:drop-shadow(0 0 7px #3b6daf)}
#repair-directory>a{background:#ffffff44;border-color:#8da2be44!important;border-radius:3px;position:relative;isolation:isolate;overflow:hidden;transition:background .45s,border-color .45s,box-shadow .45s}
#repair-directory>a:before{content:'';position:absolute;left:15%;right:15%;top:42%;height:1px;background:linear-gradient(90deg,transparent,#3c6cac,transparent);box-shadow:0 0 12px #5a90d8;transform:scaleX(.15);opacity:0;transition:transform .65s,opacity .65s;z-index:-1}
#repair-directory>a:hover{background:#fff9;border-color:#3c6baa88!important;box-shadow:0 16px 34px #1d3c6410;transform:none}
#repair-directory>a:hover:before{transform:scaleX(1);opacity:1}
[data-motion] .motion-art{will-change:transform;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translate3d(var(--shift-x,0px),var(--shift-y,0px),0);transition:transform .75s cubic-bezier(.18,.75,.25,1),filter .5s}
[data-motion] img.motion-art{filter:hue-rotate(100deg) drop-shadow(0 16px 18px #06265014)}
[data-motion]:is(:hover,:focus-within) img.motion-art{filter:hue-rotate(100deg) drop-shadow(0 24px 24px #06265020)}
.service-panel[data-motion] .device-image-v2{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translate(var(--shift-x,0px),calc(var(--shift-y,0px) - 5px));pointer-events:none}
.collection-visual-v2[data-motion] img,.detail-visual-v2[data-motion] img,#repair-directory>a[data-motion] img{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translate3d(var(--shift-x,0px),var(--shift-y,0px),0)}
.detail-hero{background:radial-gradient(ellipse at 84% 58%,#22406733,transparent 55%),#08121f}
.detail-intro-v2 h1{font-weight:350}
.detail-intro-v2>p{color:#b3bfcf;line-height:1.85}
.detail-body.component-stories{display:block;background:var(--paper);color:#19283b;padding-block:35px 55px;overflow:hidden}
.component-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);column-gap:12%;align-items:center;position:relative;max-width:1320px;margin:auto;min-height:590px;padding-block:60px;isolation:isolate}
.component-story+.component-story{border-top:1px solid #4d688c25}
.component-copy{position:relative;z-index:2;min-width:0}
.component-copy article{margin-bottom:38px}
.component-copy article:last-child{margin-bottom:0}
.component-copy h2{font-size:clamp(34px,3.1vw,48px);line-height:1.08;max-width:500px}
.component-copy p{font-size:14px;line-height:1.9;max-width:490px;color:#526073}
.component-copy .eyebrow{font-size:9px;color:#445e80}
.component-copy ul{font-size:14px;line-height:1.6}
.component-copy li{border-color:#32537f1d;padding:12px 0 12px 25px}
.component-copy li:before{color:#3f6291}
.component-left .component-copy{grid-column:2;grid-row:1}
.component-left .component-visual{grid-column:1;grid-row:1}
.component-beam{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:visible;fill:none;stroke:#5680b7;stroke-width:1}
.beam-aura{stroke-width:9;opacity:.10;filter:blur(5px)}
.beam-line{opacity:.26;stroke-width:.8}
.beam-travel{stroke-dasharray:22 620;opacity:0;stroke-width:1.5;transition:opacity .8s;animation:beam-flow 7s linear infinite;animation-play-state:paused}
.beam-terminal{fill:#4971a6;stroke:none;opacity:.7}
.component-story.is-current .beam-travel{opacity:.8;animation-play-state:running}
.component-story:has(.component-visual:is(:hover,:focus-visible,.is-engaged)) .beam-travel{stroke-width:2;opacity:1;animation-duration:2.8s}
.component-story:has(.component-visual:is(:hover,:focus-visible,.is-engaged)) .beam-aura{opacity:.25}
@keyframes beam-flow{to{stroke-dashoffset:-642}}
.component-visual{display:block;position:relative;color:#3f6ca8;min-width:0;width:100%;padding:0;outline-offset:7px;text-align:left;isolation:isolate;touch-action:pan-y}
.component-art-motion{display:block;perspective:900px;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translate3d(var(--shift-x,0px),var(--shift-y,0px),0);transition:transform .8s cubic-bezier(.16,.8,.24,1)}
.part-art{display:block;width:112%;max-width:none;margin-left:-6%;height:auto;overflow:visible;filter:drop-shadow(0 20px 18px #12253f16)}
.component-orbit{position:absolute;inset:17% 2% 18%;border:1px solid #43628b24;border-radius:50%;transform:rotate(-24deg) scaleY(.65);z-index:-1;transition:transform 1.1s,border-color 1.1s}
.component-orbit:after{content:'';position:absolute;inset:-14%;border:1px dashed #43628b1c;border-radius:50%}
.component-visual:is(:hover,.is-engaged) .component-orbit{transform:rotate(-11deg) scaleY(.69);border-color:#43628b66}
.component-caption{display:block;font-size:10px;letter-spacing:.12em;line-height:1.6;text-transform:uppercase;color:#3d516c;margin-top:-8px}
.component-hint{display:flex;align-items:center;justify-content:space-between;font-size:10px;line-height:1.5;color:#768291;border-top:1px solid #47658d33;padding-top:13px;margin-top:16px}
.component-hint i{font-style:normal;color:#3b659d;border:1px solid #43628b44;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;transition:transform .6s}
.component-visual.is-engaged .component-hint i{transform:rotate(45deg)}
.touch-hint{display:none}
.part-art :is(.layer-top,.layer-mid,.plug-slide,.pen-slide,.joystick,.control-key){transform-box:fill-box;transform-origin:center;transition:transform 1.1s cubic-bezier(.18,.7,.2,1)}
.component-visual:is(:hover,:focus-visible,.is-engaged) .layer-top{transform:translate(-25px,-65px) rotate(-7deg)}
.component-visual:is(:hover,:focus-visible,.is-engaged) .layer-mid{transform:translate(2px,-12px)}
.component-visual:is(:hover,:focus-visible,.is-engaged) .plug-slide{transform:translate(0,16px)}
.component-visual:is(:hover,:focus-visible,.is-engaged) .pen-slide{transform:translate(13px,-25px) rotate(5deg)}
.component-visual:is(:hover,:focus-visible,.is-engaged) .joystick{transform:translate(3px,-5px) rotate(-8deg)}
.component-visual:is(:hover,:focus-visible,.is-engaged) .control-key{transform:translateY(3px)}
.component-visual .energy-cell{transition:opacity .8s}
.component-visual:is(:hover,.is-engaged) .energy-cell{animation:energy-feed 2.4s ease-in-out infinite}
.cell-1{animation-delay:.2s!important}.cell-2{animation-delay:.4s!important}.cell-3{animation-delay:.6s!important}
@keyframes energy-feed{0%,100%{opacity:.18}50%{opacity:.85}}
.fan-spin{transform-origin:0 0;animation:fan-turn 16s linear infinite;animation-play-state:paused}
.component-story.is-current .fan-spin{animation-play-state:running}
.component-visual:is(:hover,.is-engaged) .fan-spin{animation-duration:2s;animation-play-state:running}
@keyframes fan-turn{to{transform:rotate(360deg)}}
.droplet{transform-box:fill-box;transform-origin:center;transition:translate 1.2s,opacity 1.2s}
.component-visual:is(:hover,.is-engaged) .droplet{translate:0 -24px;opacity:.3}
.component-visual:is(:hover,.is-engaged) .circuit{stroke-dasharray:15 90;animation:circuit-signal 2.6s linear infinite}
@keyframes circuit-signal{to{stroke-dashoffset:-105}}
.component-copy a{border-color:#3d619166;color:#27456c}
.fg-reviews{--rv-bg:#0b1728!important;--rv-card:#101f33!important;--rv-accent:#9abce8!important;--rv-line:#8eadd530!important;background:radial-gradient(ellipse at 18% 0%,#1f385926,transparent 60%),#0b1728}
.fg-reviews[data-review-count="5"] .fg-review-card{min-height:325px;padding:27px;border-radius:4px;background:linear-gradient(130deg,#14263d99,#101f3380);box-shadow:inset 0 1px #c1d8f705}
.fg-reviews[data-review-count="5"] .fg-review-card blockquote p{font-size:clamp(17px,1.35vw,20px);line-height:1.65;letter-spacing:-.015em;color:#d1d9e4}
.fg-review-person strong{font-size:11px;letter-spacing:.01em}
.fg-review-card:hover{box-shadow:0 18px 38px #00000015;border-color:#84a9d988}
/* WhatsApp remains independent of the contact/review visibility rules. */
body a.floating-wa,body.fg-reviews-active a.floating-wa,body.fg-contact-active a.floating-wa,body:has(#resenas:target) a.floating-wa{position:fixed!important;inset:auto max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) auto!important;display:grid!important;place-items:center;width:60px;height:60px;padding:17px;border-radius:50%;background:#8cb1e3;color:#10243e;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:150;box-shadow:0 8px 28px #00102540,inset 0 0 0 1px #c3ddff4d;transition:background .3s,transform .35s,box-shadow .35s}
body a.floating-wa svg{display:block;width:26px;height:26px;flex:none}
body a.floating-wa:hover{background:#b6d1f4;transform:translateY(-3px) scale(1.04);box-shadow:0 12px 32px #5585c525}
.fg-form-shortcut{bottom:96px!important;border:1px solid #8cadd83b!important;background:#102036dd!important;color:#bdd1ec!important;backdrop-filter:blur(12px);box-shadow:none!important}
.fg-form-shortcut span{font-size:15px}
.footer{background:#07111e;border-color:#92b0d821}
.detail-bottom{background:radial-gradient(ellipse at 50% 50%,#162d4c44,transparent 70%),#0b1726}
.faq{background:#edf0f3}
.manifesto-sticky{background:radial-gradient(ellipse at 72% 45%,#17305088,transparent 60%),#07111f}
.manifesto-shade{background:linear-gradient(90deg,#07111f 10%,#07111fbb 30%,transparent 58%)}
.fg-contact-wrap,.fg-email-form{--fg-accent:#91b5e5!important;--fg-bg:#091423!important;--fg-panel:#101f34!important;--fg-field:#0b192b!important;--fg-line:#8eafdb44!important}
@media(max-width:1000px){.component-story{column-gap:5%;min-height:550px}.component-copy h2{font-size:36px}.component-copy p,.component-copy ul{font-size:13px}.component-beam{opacity:.7}}
@media(max-width:720px){
 .hero h1{font-size:16.2vw}
 .component-story{display:flex;flex-direction:column;align-items:stretch;padding-block:42px;gap:10px;min-height:0}
 .component-copy{order:0}.component-visual{order:1;max-width:390px;margin:0 auto}
 .component-copy h2{font-size:34px;line-height:1.1;max-width:330px}
 .component-copy p,.component-copy ul{font-size:14px;line-height:1.85}
 .component-copy article{margin-bottom:28px}
 .component-beam{display:none}
 .component-visual:before{content:'';position:absolute;left:50%;top:-25px;height:93px;width:1px;background:linear-gradient(transparent,#5078ad99,transparent);box-shadow:0 0 12px #487abc40;z-index:-1}
 .part-art{width:100%;margin:0;max-height:340px}
 .component-caption{font-size:9px;margin-top:-8px}
 .component-hint{font-size:10px}
 .fg-reviews[data-review-count="5"] .fg-review-card{padding:24px;min-height:0}
 .fg-reviews[data-review-count="5"] .fg-review-card blockquote p{font-size:18px;line-height:1.65}
 body a.floating-wa{width:56px;height:56px;padding:15px;right:max(16px,env(safe-area-inset-right))!important;bottom:max(16px,env(safe-area-inset-bottom))!important}
 .fg-form-shortcut{bottom:87px!important;font-size:10px!important;padding:10px 14px!important}
 .manifesto-shade{background:linear-gradient(#07111f 0%,transparent 60%)}
}
@media(hover:none){.desktop-hint{display:none}.touch-hint{display:inline}.component-story.is-current .energy-cell{animation:energy-feed 3.6s ease-in-out infinite}.component-story.is-current .circuit{stroke-dasharray:15 90;animation:circuit-signal 4s linear infinite}}
@media(prefers-reduced-motion:reduce){
 .component-visual *,.beam-travel,[data-motion] .motion-art,.device-image-v2{animation:none!important;transition:none!important}
 .component-art-motion,[data-motion] .motion-art,.component-visual:is(:hover,:focus-visible,.is-engaged) :is(.layer-top,.layer-mid,.plug-slide,.pen-slide,.joystick,.control-key){transform:none!important}
 .beam-travel{opacity:.35}.fg-review-card:hover{transform:none}
}