@font-face{font-family:Clash;src:url("clash-display.woff2") format("woff2");font-display:swap}
:root{--bg:#100e0d;--warm:#ff9a72;--ink:#fbefe4;--muted:#c6b6a9;--line:#46342c;--surface:#191513;--display:Clash,"Arial",sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,sans-serif}
a{color:inherit;text-decoration:none}
button,input,summary{font:inherit}
button,summary{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #ffae87;outline-offset:5px}
[hidden]{display:none!important}
p,h1,h2,h3,ol,ul{margin:0}
p{overflow-wrap:anywhere}
.wrap{width:min(100% - 96px,1376px);margin-inline:auto}
.mono{font-family:var(--mono);font-size:11px;font-weight:650;letter-spacing:.105em;text-transform:uppercase}
.skip{position:fixed;top:10px;left:10px;z-index:10;padding:10px 15px;color:#100e0d;background:var(--ink);transform:translateY(-160%)}
.skip:focus{transform:none}
.mast{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px}
.brand{display:inline-flex;align-items:center;gap:11px;width:max-content;font-size:16px;font-weight:800;letter-spacing:.14em;line-height:1.12}
.brand img{object-fit:contain}
.brand small{display:block;margin-top:4px;font:8px/1.2 var(--mono);letter-spacing:.13em;color:var(--muted)}
.mast-issue{color:var(--muted);display:flex;align-items:center;gap:10px}
.mast-issue i,.signal{width:6px;height:6px;border-radius:50%;background:var(--warm);box-shadow:0 0 14px #ff956e9a}
.mast-controls{justify-self:end;display:flex;align-items:center;gap:15px}
.motion-toggle,.language{display:flex;align-items:center;border:1px solid var(--line);border-radius:100px;background:#151110;color:var(--ink)}
.motion-toggle{gap:8px;padding:8px 12px;white-space:nowrap}
.motion-toggle span:first-child{color:var(--warm)}
.language{padding:3px;gap:2px}
.language a{display:grid;place-items:center;min-width:34px;min-height:30px;border-radius:100px}
.language a[aria-current]{background:var(--warm);color:#20110b}

.hero{position:relative;isolation:isolate;min-height:clamp(610px,53vw,790px);display:grid;align-items:center;overflow:hidden;border-block:1px solid var(--line);background:#0b0908}
.hero-inner{position:relative;z-index:2;padding-block:76px}
.hero-image{position:absolute;inset:0;overflow:hidden;z-index:-1}
.hero-image picture{position:absolute;inset:0 0 0 auto;width:min(82%,1480px);display:block}
.hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% 11%;transform-origin:72% 48%;animation:lion-breathe 13s ease-in-out infinite alternate}
.hero-image::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0b0908 2%,#0b0908f5 19%,#0b0908bf 37%,transparent 68%),linear-gradient(0deg,#0b0908d9 0%,transparent 24%);z-index:1}
.hero-light{position:absolute;inset:0;mix-blend-mode:screen;background:radial-gradient(ellipse 30% 70% at 77% 50%,#ff9c5828 0%,transparent 75%);animation:light-breathe 7s ease-in-out infinite alternate}
#signal-field{width:100%;height:100%;position:absolute;inset:0;z-index:2;opacity:.8;pointer-events:none}
.hero-target{position:absolute;z-index:3;width:12px;height:12px;border:1px solid #f9a080a0;border-radius:50%;box-shadow:0 0 0 5px #f9a08023,0 0 22px #ff9a72;animation:target-pulse 3s ease-in-out infinite alternate}
.target-one{right:13%;top:33%}
.target-two{right:46%;bottom:21%;animation-delay:-1.6s}
.hero-figure{position:absolute;right:5%;bottom:22px;color:#e4c3ae;z-index:3;display:flex;gap:9px;align-items:center}
.hero-figure i,.bar{display:inline-block;width:19px;height:1px;background:#bd745b}
.eyebrow{display:flex;align-items:center;gap:12px;color:#ffc0a3}
.hero h1{margin:22px 0 20px;font:400 clamp(72px,7.45vw,133px)/.9 var(--display);letter-spacing:-.048em;text-wrap:nowrap}
.hero h1 em{font-style:normal;color:var(--warm)}
html[lang="ro"] .hero h1{font-size:clamp(62px,6.2vw,106px)}
.hero-intro{max-width:48ch;color:#eddbcb;font-size:17px;text-shadow:0 1px 9px #080606}
.hero-actions{margin-top:28px;display:flex;gap:19px 23px;align-items:center;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;padding:11px 17px;border-radius:5px;font-weight:770;line-height:1.3}
.button.hot{background:var(--warm);color:#241009}
.button.hot:hover{background:#ffc1a7}
.quiet{display:inline-flex;align-items:center;gap:8px;width:fit-content;color:#ffd5c1;font-weight:680;border-bottom:1px solid #d68a6b66;line-height:1.4;padding-block:3px}
.quiet:hover{border-color:currentColor;color:#fff2e8}
.quiet span{color:var(--warm)}
.contents{border-bottom:1px solid var(--line);background:#151110}
.contents-inner{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line)}
.contents a{display:flex;align-items:center;gap:13px;padding:18px 20px;border-right:1px solid var(--line);font-size:14px;font-weight:680}
.contents a:hover{background:#241a16}
.contents b,.contents span{color:var(--warm);font:12px var(--mono)}
.contents span{margin-left:auto}

.section{padding-block:clamp(64px,8vw,120px);scroll-margin-top:16px}
.section-head{margin-bottom:34px}
.chapter{display:grid;place-items:center;min-width:34px;height:28px;border:1px solid #825740;border-radius:3px;color:#ffd3be}
h2{font:400 clamp(44px,5.6vw,85px)/.98 var(--display);letter-spacing:-.045em;text-wrap:balance}
.section-head h2{margin:14px 0 13px}
.section-head>p:last-child{max-width:57ch;color:var(--muted)}
.tool-grid,.worksheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tool{background:#191513;border:1px solid var(--line);overflow:hidden;border-radius:12px}
.tool-visual{position:relative;min-height:238px;overflow:hidden;padding:17px 22px;background:radial-gradient(ellipse at 78% 3%,#48251a 0%,transparent 65%),#181210;border-bottom:1px solid var(--line)}
.tool-visual.evidence{background:radial-gradient(ellipse at 70% 80%,#42261b 0%,transparent 66%),#181210}
.tool-meta{display:flex;justify-content:space-between;gap:12px;color:#ffc5ab;position:relative;z-index:1}
.tool-visual svg{position:absolute;inset:49px 0 0;width:100%;height:161px;overflow:visible}
.chart-grid{stroke:#ffae7a2d;stroke-width:1}
.chart-curve,.chart-bead{stroke:#ffab84;stroke-width:2;fill:none;vector-effect:non-scaling-stroke}
.chart-bead{stroke:#ffe2d3;stroke-width:4;stroke-linecap:round;stroke-dasharray:.1 99.9;animation:trace 5s linear infinite}
.tool-caption{position:absolute;bottom:10px;right:20px;color:#ead0be;font-size:9px}
.queue ul{display:grid;gap:6px;list-style:none;padding:17px 0 13px;margin:auto;width:min(100%,440px)}
.queue li{display:flex;gap:13px;align-items:center;padding:9px 13px;border:1px solid #895c45;border-radius:5px;background:#2c1e17;color:#f5e4d8;font-size:13px;animation:queue-light 7s ease-in-out infinite}
.queue li:nth-child(2){animation-delay:1.25s}
.queue li:nth-child(3){animation-delay:2.5s}
.queue li b{font:10px var(--mono);color:#ffc3a9}
.queue li span{margin-left:auto;color:var(--warm)}
.tool-copy{padding:25px 27px 28px}
.tool-copy h3{font:400 36px/1 var(--display);letter-spacing:-.035em;margin-bottom:10px}
.tool-copy p{max-width:55ch;color:var(--muted);margin-bottom:15px}

.worksheet{border-block:1px solid var(--line);background:radial-gradient(ellipse at 100% 3%,#2c1915 0%,transparent 60%),#151210}
.worksheet-grid{gap:clamp(20px,4vw,68px);align-items:start}
.steps{list-style:none;padding:0;border-bottom:1px solid var(--line)}
.steps li{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:19px 0;border-top:1px solid var(--line)}
.step-index{color:var(--warm);font:700 14px/1.7 var(--mono)}
.steps h3,.question h3{font-size:18px;line-height:1.35;margin-bottom:5px}
.steps p,.question p{color:var(--muted)}
.steps .example{margin-top:8px;font-size:13px;color:#dfc2b0}
.example b{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.prompt{min-width:0;padding:20px 22px;border:1px solid #6f4c3a;border-radius:10px;background:#211915}
.prompt-heading{display:flex;justify-content:space-between;align-items:center;gap:13px;margin-bottom:15px;color:#ffc0a3}
.copy{border:1px solid #815440;border-radius:4px;background:#32231d;color:#fff1e8;padding:7px 9px;white-space:nowrap}
.copy:hover{background:#4e2e23}
#prompt-output{color:#f7e3d5;font:15px/1.65 var(--mono)}
details{margin-top:15px;border-top:1px solid #513c32;padding-top:11px}
summary{color:#ffc4a8;font-size:14px}
.prompt-inputs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
.prompt-inputs label{min-width:0;color:#ecd1bf;font-size:12px}
.prompt-inputs input{display:block;width:100%;margin-top:3px;padding:8px;border:1px solid #795744;border-radius:4px;background:#150f0d;color:var(--ink);font-size:14px}
.copy-status{font-size:12px;color:#ffc5a8;margin-top:8px}
.copy-status:empty{display:none}
.question{margin-top:26px;padding-left:16px;border-left:2px solid var(--warm)}

.offer{display:grid;grid-template-columns:1fr .9fr;min-height:440px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #915439;border-radius:14px;background:radial-gradient(ellipse at 86% 48%,#6d2d16 0%,#251512 50%,#191110 86%)}
.offer-copy{z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(28px,4.6vw,69px)}
.offer-copy h2{margin:16px 0 13px}
.offer-copy>p:not(.eyebrow){max-width:48ch;color:#edcbbb}
.offer-copy .offer-tag{font-weight:800;color:#ffb794!important;margin-bottom:8px}
.offer-copy .button{margin-top:19px}
.offer-art{position:relative;isolation:isolate;display:grid;place-items:center;min-width:0}
.offer-number{color:#fff0e5;font:400 clamp(130px,22vw,360px)/.88 var(--display);letter-spacing:-.095em;white-space:nowrap;text-shadow:0 2px 26px #ffa87f42}
.offer-number span{font-size:.49em;color:#ffc0a2}
.offer-orbit{position:absolute;width:min(97%,510px);aspect-ratio:1;border-radius:50%;z-index:-1;background:conic-gradient(from 30deg,transparent 3%,#ffb49577 17%,#fc795d18 24%,transparent 34%,transparent 65%,#f7704655 79%,transparent 85%);mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));animation:rotate 15s linear infinite}
.offer-orbit.orbit-two{width:min(87%,455px);animation-duration:21s;animation-direction:reverse;opacity:.75}
.footer{border-top:1px solid var(--line);background:#151110}
.footer-inner{display:grid;grid-template-columns:1.5fr auto 1fr;align-items:center;gap:24px;padding-block:23px;color:var(--muted)}
.footer-inner p{font-size:13px;margin-top:5px}
.footer .brand{color:var(--ink)}
.footer-nav{display:flex;justify-content:flex-end;gap:20px;font-size:13px}
.footer-nav a:hover{color:var(--ink)}

@keyframes lion-breathe{from{transform:scale(1)}to{transform:scale(1.055)}}
@keyframes light-breathe{from{opacity:.38;transform:translateX(-1%)}to{opacity:1;transform:translateX(2%)}}
@keyframes target-pulse{from{opacity:.38;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}
@keyframes trace{to{stroke-dashoffset:-100}}
@keyframes queue-light{0%,60%,100%{background:#2c1e17}16%,34%{background:#64331f}}
@keyframes rotate{to{transform:rotate(1turn)}}
.motion-stopped *,.motion-stopped *::before,.motion-stopped *::after{animation-play-state:paused!important}
html.motion-stopped{scroll-behavior:auto}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled){scroll-behavior:auto}html:not(.motion-enabled) *,html:not(.motion-enabled) *::before,html:not(.motion-enabled) *::after{animation-play-state:paused!important}}
@media(max-width:1000px){
 .wrap{width:calc(100% - 54px)}
 .mast{gap:13px}
 .hero h1{font-size:clamp(64px,9vw,99px)}
 html[lang="ro"] .hero h1{font-size:clamp(56px,7vw,88px)}
 .hero-image picture{width:90%}
 .hero-image img{object-position:68% center}
 .hero-image::after{background:linear-gradient(90deg,#0b0908 0%,#0b0908ef 15%,#0b090899 40%,transparent 77%),linear-gradient(0deg,#0b0908d9 0%,transparent 24%)}
}
@media(max-width:720px){
 .wrap{width:calc(100% - 34px)}
 .mast{height:64px;grid-template-columns:1fr auto;gap:8px}
 .mast-issue{display:none}
 .mast-controls{gap:7px}
 .motion-toggle{padding:7px 8px;font-size:9px;letter-spacing:.045em;gap:4px}
 .language a{min-width:27px;min-height:25px}
 .brand{font-size:14px;gap:6px}
 .brand img{width:30px;height:30px}
 .brand small{font-size:7px}
 .hero{min-height:0;align-items:end}
 .hero-inner{padding-block:270px 32px}
 .hero-image picture{inset:0 0 auto;width:100%;height:350px}
 .hero-image img{object-position:69% center}
 .hero-image::after{background:linear-gradient(0deg,#0b0908 0%,#0b0908 44%,#0b0908d1 54%,transparent 83%)}
 .hero-figure{top:14px;right:17px;bottom:auto;font-size:9px}
 #signal-field{height:330px}
 .target-one{right:10%;top:80px}
 .target-two{right:55%;top:196px;bottom:auto}
 .hero h1,html[lang="ro"] .hero h1{margin:13px 0;font-size:clamp(44px,11.4vw,75px);line-height:.94;text-wrap:wrap}
 html[lang="ro"] .hero h1{font-size:clamp(37px,8.7vw,66px)}
 .hero-intro{font-size:15px}
 .hero-actions{margin-top:19px}
 .contents-inner{width:100%}
 .contents a{padding:13px 7px;font-size:11px;gap:5px}
 .contents b,.contents span{font-size:9px}
 .contents span{display:none}
 .tool-grid,.worksheet-grid,.offer{grid-template-columns:1fr}
 .section-head{margin-bottom:23px}
 .tool-visual{min-height:215px}
 .tool-visual svg{height:141px}
 .tool-copy{padding:19px}
 .offer-copy{padding-bottom:5px}
 .offer-art{min-height:235px}
 .offer-number{font-size:clamp(136px,42vw,248px)}
 .offer-orbit{width:min(73%,255px)}
 .offer-orbit.orbit-two{width:min(64%,223px)}
 .footer-inner{grid-template-columns:1fr;gap:10px}
 .footer-nav{justify-content:flex-start}
}
@media(max-width:360px){.prompt-inputs{grid-template-columns:1fr}.motion-toggle{letter-spacing:0}.hero-inner{padding-top:242px}}
